diff --git a/packages/edit-navigation/src/components/editor/style.scss b/packages/edit-navigation/src/components/editor/style.scss
index 0e474f6516f2db..6f4fdb92a10655 100644
--- a/packages/edit-navigation/src/components/editor/style.scss
+++ b/packages/edit-navigation/src/components/editor/style.scss
@@ -123,6 +123,11 @@
 			border-radius: $radius-block-ui;
 		}
 
+		// Use flex layout to calculate menu item length based on content.
+		.wp-block-navigation__container {
+			display: flex;
+		}
+
 		// Override for deeply nested submenus.
 		.has-child .wp-block-navigation__container .wp-block-navigation__submenu-container {
 			left: auto;