diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7ac981ff..c096f0b5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file. The format
 
 ## [Unreleased]
 
+### Modified
+
+- ⚠️ Update default breakpoints to match with our `@studiometa/tailwind-config` (a6ca69a8)
+
 ## [v3.4.3](https://github.com/studiometa/js-toolkit/compare/3.4.2..3.4.3) (2025-11-13)
 
 ### Fixed
diff --git a/packages/docs/api/decorators/withBreakpointManager.md b/packages/docs/api/decorators/withBreakpointManager.md
index 3ea4c4aa..9d9f47be 100644
--- a/packages/docs/api/decorators/withBreakpointManager.md
+++ b/packages/docs/api/decorators/withBreakpointManager.md
@@ -14,8 +14,8 @@ import MenuMobile from './MenuMobile';
 import MenuDesktop from './MenuDesktop';
 
 export default class Menu extends withBreakpointManager(Base, [
-  ['xxs xs s', MenuMobile],
-  ['m l xl xxl', MenuDesktop],
+  ['2xs xs s', MenuMobile],
+  ['m l xl 2xl', MenuDesktop],
 ]) {
   static config = {
     name: 'Menu',
@@ -46,8 +46,8 @@ import MenuMobile from './MenuMobile';
 import MenuDesktop from './MenuDesktop';
 
 export default class Menu extends withBreakpointManager(Base, [
-  ['xxs xs s', MenuMobile],
-  ['m l xl xxl', MenuDesktop],
+  ['2xs xs s', MenuMobile],
+  ['m l xl 2xl', MenuDesktop],
 ]) {
   static config = {
     name: 'Menu',
diff --git a/packages/docs/api/decorators/withBreakpointObserver.md b/packages/docs/api/decorators/withBreakpointObserver.md
index 42797b8f..5c0d8d04 100644
--- a/packages/docs/api/decorators/withBreakpointObserver.md
+++ b/packages/docs/api/decorators/withBreakpointObserver.md
@@ -17,7 +17,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       activeBreakpoints: {
         type: String,
-        default: 'xxs xs s',
+        default: '2xs xs s',
       },
     },
   };
@@ -47,7 +47,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       activeBreakpoints: {
         type: String,
-        default: 'xxs xs s',
+        default: '2xs xs s',
       },
     },
   };
@@ -67,7 +67,7 @@ export default class MobileComponent extends withBreakpointObserver(Base) {
     options: {
       inactiveBreakpoints: {
         type: String,
-        default: 'm l xl xxl',
+        default: 'm l xl 2xl',
       },
     },
   };
diff --git a/packages/docs/api/services/useResize.md b/packages/docs/api/services/useResize.md
index 01343c64..76aa78c2 100644
--- a/packages/docs/api/services/useResize.md
+++ b/packages/docs/api/services/useResize.md
@@ -66,14 +66,14 @@ Configure the breakpoints used for responsive features of this service. This par
 
 ```js
 {
-  xxs: '0rem', // 0px
+  '2xs': '0rem',
   xs: '30rem', // 480px
-  s: '48rem', // 768px
-  m: '64rem', // 1024px
-  l: '80rem', // 1280px
-  xl: '90rem', // 1440px
-  xxl: '120rem', // 1920px
-  xxxl: '160rem', // 2560px
+  s: '40rem', // 640px
+  m: '48rem', // 768px
+  l: '64rem', // 1024px
+  xl: '80rem', // 1280px
+  '2xl': '96rem', // 1440px
+  '3xl': '120rem', // 1920px
 }
 ```
 
diff --git a/packages/js-toolkit/Base/features.ts b/packages/js-toolkit/Base/features.ts
index 1b579f84..20d53106 100644
--- a/packages/js-toolkit/Base/features.ts
+++ b/packages/js-toolkit/Base/features.ts
@@ -19,14 +19,14 @@ export const features = new Map<keyof Features, Features[keyof Features]>([
   [
     'breakpoints',
     {
-      xxs: '0rem',
+      '2xs': '0rem',
       xs: '30rem', // 480px
-      s: '48rem', // 768px
-      m: '64rem', // 1024px
-      l: '80rem', // 1280px
-      xl: '90rem', // 1440px
-      xxl: '120rem', // 1920px
-      xxxl: '160rem', // 2560px
+      s: '40rem', // 640px
+      m: '48rem', // 768px
+      l: '64rem', // 1024px
+      xl: '80rem', // 1280px
+      '2xl': '96rem', // 1440px
+      '3xl': '120rem', // 1920px
     },
   ],
   ['prefix', 'tk'],