diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
index 4a4167fe8..b3c784a92 100644
--- a/.storybook/themes/news.scss
+++ b/.storybook/themes/news.scss
@@ -2010,10 +2010,11 @@
 				),
 				"header-nav-chain-flyout-overlay-open": (
 					"background": var(--header-nav-chain-overlay-background-color),
+					"block-size": calc(100vh - var(--header-nav-chain-height)),
+					"inline-size": 100%,
 					"overflow-y": scroll,
 					"overflow-block": scroll,
-					"transform": translate(0, 0),
-					"inline-size": calc(100vh - var(--header-nav-chain-height))
+					"transform": translate(0, 0)
 				),
 				"header-nav-chain-flyout-overlay-scrollbar": (
 					"display": none
diff --git a/blocks/header-nav-chain-block/themes/news.json b/blocks/header-nav-chain-block/themes/news.json
index e60164b3c..832462f0e 100644
--- a/blocks/header-nav-chain-block/themes/news.json
+++ b/blocks/header-nav-chain-block/themes/news.json
@@ -354,10 +354,11 @@
 		"styles": {
 			"default": {
 				"background": "var(--header-nav-chain-overlay-background-color)",
+				"block-size": "calc(100vh - var(--header-nav-chain-height))",
 				"overflow-y": "scroll",
 				"overflow-block": "scroll",
 				"transform": "translate(0, 0)",
-				"inline-size": "calc(100vh - var(--header-nav-chain-height))"
+				"inline-size": "100%"
 			},
 			"desktop": {}
 		}