diff --git a/package-lock.json b/package-lock.json
index 2c391c036b..d1d9d84480 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,7 @@
 				"@hashicorp/react-alert-banner": "^7.1.0",
 				"@hashicorp/react-button": "^6.3.1",
 				"@hashicorp/react-code-block": "^6.7.0",
-				"@hashicorp/react-components": "^0.0.0-canary.b79ea47",
+				"@hashicorp/react-components": "^0.0.0-canary.b8785bd",
 				"@hashicorp/react-consent-manager": "^9.3.0",
 				"@hashicorp/react-content": "^8.3.0",
 				"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",
@@ -5068,9 +5068,9 @@
 			}
 		},
 		"node_modules/@hashicorp/react-components": {
-			"version": "0.0.0-canary.b79ea47",
-			"resolved": "https://registry.npmjs.org/@hashicorp/react-components/-/react-components-0.0.0-canary.b79ea47.tgz",
-			"integrity": "sha512-9q3oe5hQzKkYZJgK/4WYaMOtyqxa8BiQg/jrv5GGDGCz8/n62jD961zx6pPZ+giRLP13X9gTgAOoHnAmPhzDnw==",
+			"version": "0.0.0-canary.b8785bd",
+			"resolved": "https://registry.npmjs.org/@hashicorp/react-components/-/react-components-0.0.0-canary.b8785bd.tgz",
+			"integrity": "sha512-nrMm8MqkCLCp+gWvnEJhsXtJvR9fvpWSrIIFSVdB2T1w5UlLAZ8f+y/Oj5ygiAxEf2D1NN3+CMy8K1qADKy3KA==",
 			"dependencies": {
 				"@hashicorp/flight-icons": "^3.5.0",
 				"@hashicorp/platform-product-meta": "^0.1.1",
diff --git a/package.json b/package.json
index 99eb72311d..3be6a89067 100644
--- a/package.json
+++ b/package.json
@@ -107,7 +107,7 @@
 		"@hashicorp/react-alert-banner": "^7.1.0",
 		"@hashicorp/react-button": "^6.3.1",
 		"@hashicorp/react-code-block": "^6.7.0",
-		"@hashicorp/react-components": "^0.0.0-canary.b79ea47",
+		"@hashicorp/react-components": "^0.0.0-canary.b8785bd",
 		"@hashicorp/react-consent-manager": "^9.3.0",
 		"@hashicorp/react-content": "^8.3.0",
 		"@hashicorp/react-design-system-components": "0.0.0-nightly.05f1ad1",
diff --git a/src/components/navigation-header/components/dropdown-menu/dropdown-menu.module.css b/src/components/navigation-header/components/dropdown-menu/dropdown-menu.module.css
index 2ad48faf30..143fb51c09 100644
--- a/src/components/navigation-header/components/dropdown-menu/dropdown-menu.module.css
+++ b/src/components/navigation-header/components/dropdown-menu/dropdown-menu.module.css
@@ -64,7 +64,8 @@
 	border-bottom-right-radius: 6px;
 	box-shadow: var(--token-elevation-higher-box-shadow);
 	min-width: max-content;
-	position: absolute;
+	position: fixed;
+	left: 24px;
 }
 
 .dropdownContainerInner {
diff --git a/src/contexts/mobile-menu.tsx b/src/contexts/mobile-menu.tsx
index 85f4826f7f..8f4335850d 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 = 1230
+const DEFAULT_NAV_HEADER_DESKTOP_WIDTH = 924
 
 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 e1d26de4e5..84bba1caba 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: 1230px;
+	--mobile-menu-breakpoint: 924px;
 
 	/* 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 42e30b7685..46350457be 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: 1229px);
-@custom-media --dev-dot-hide-mobile-menu (min-width: 1230px);
+@custom-media --dev-dot-show-mobile-menu (max-width: 923px);
+@custom-media --dev-dot-hide-mobile-menu (min-width: 924px);