diff --git a/packages/block-library/src/navigation/block.json b/packages/block-library/src/navigation/block.json
index bbb5909858f06..58a4cdb212ebe 100644
--- a/packages/block-library/src/navigation/block.json
+++ b/packages/block-library/src/navigation/block.json
@@ -98,7 +98,10 @@
 				"rem",
 				"vh",
 				"vw"
-			]
+			],
+			"__experimentalDefaultControls": {
+				"blockGap": true
+			}
 		}
 	},
 	"viewScript": "file:./view.min.js",
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
index 7c612426931f8..f5e8e39f0eb6f 100644
--- a/packages/block-library/src/navigation/style.scss
+++ b/packages/block-library/src/navigation/style.scss
@@ -230,8 +230,7 @@
 // Menu items with no background.
 .wp-block-navigation .wp-block-page-list,
 .wp-block-navigation__container {
-	row-gap: calc(var(--wp--style--block-gap, 2em) / 4);
-	column-gap: var(--wp--style--block-gap, 2em);
+	gap: calc(var(--wp--style--block-gap, 2em) / 4) var(--wp--style--block-gap, 2em);
 }
 
 // Menu items with background.
@@ -241,8 +240,7 @@
 .wp-block-navigation:where(.has-background) {
 	.wp-block-navigation .wp-block-page-list,
 	.wp-block-navigation__container {
-		row-gap: calc(var(--wp--style--block-gap, 0) / 4);
-		column-gap: var(--wp--style--block-gap, 0.5em);
+		gap: calc(var(--wp--style--block-gap, 0) / 4) var(--wp--style--block-gap, 0.5em);
 	}
 }