diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss index a6cd74ad311d9a..c67875728b6372 100644 --- a/packages/block-library/src/navigation/style.scss +++ b/packages/block-library/src/navigation/style.scss @@ -228,6 +228,7 @@ */ // Menu items with no background. +.wp-block-navigation, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container { gap: 0.5em 2em; @@ -238,6 +239,7 @@ // That way if padding is set in theme.json, it still wins. // https://css-tricks.com/almanac/selectors/w/where/ .wp-block-navigation:where(.has-background) { + &, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container { gap: 0 0.5em; @@ -326,7 +328,10 @@ // Horizontal layout display: flex; flex-wrap: wrap; - flex: 1; + + .items-justified-space-between & { + flex-grow: 1; + } } // Vertical layout