diff --git a/src/contexts/mobile-menu.tsx b/src/contexts/mobile-menu.tsx
index 9f81c75198..85f4826f7f 100644
--- a/src/contexts/mobile-menu.tsx
+++ b/src/contexts/mobile-menu.tsx
@@ -19,7 +19,7 @@ import { useNoScrollBody } from 'hooks/use-no-scroll-body'
 /**
  * Should correspond to --dev-dot-hide-mobile-menu
  */
-const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 1210
+const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 1230
 
 interface MobileMenuContextState {
 	/**
diff --git a/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css b/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css
index 2833c79382..e1d26de4e5 100644
--- a/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css
+++ b/src/layouts/core-dev-dot-layout/core-dev-dot-layout.module.css
@@ -12,7 +12,7 @@
 	--tablet-width-breakpoint: 1000px;
 
 	/** Should correspond to --dev-dot-hide-mobile-menu */
-	--mobile-menu-breakpoint: 1210px;
+	--mobile-menu-breakpoint: 1230px;
 
 	/* Font overwrites */
 	--font-body: var(--token-typography-font-stack-text);
diff --git a/src/styles/custom-media.css b/src/styles/custom-media.css
index 4d7c6b4e81..42e30b7685 100644
--- a/src/styles/custom-media.css
+++ b/src/styles/custom-media.css
@@ -19,5 +19,5 @@
 @custom-media --dev-dot-sidecar-up only screen and (min-width: 1280px);
 
 /* Search for "Should correspond to --dev-dot-hide-mobile-menu" when changing */
-@custom-media --dev-dot-show-mobile-menu (max-width: 1209px);
-@custom-media --dev-dot-hide-mobile-menu (min-width: 1210px);
+@custom-media --dev-dot-show-mobile-menu (max-width: 1229px);
+@custom-media --dev-dot-hide-mobile-menu (min-width: 1230px);