diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss
index fd5fc778cab6b3..30d87dbd0ed908 100644
--- a/packages/base-styles/_z-index.scss
+++ b/packages/base-styles/_z-index.scss
@@ -43,6 +43,7 @@ $z-layers: (
 
 	// Navigation menu dropdown.
 	".has-child .wp-block-navigation-link__container": 28,
+	".has-child:hover .wp-block-navigation-link__container": 29,
 
 	// Active pill button
 	".components-button {:focus or .is-primary}": 1,
diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss
index b6179217b93539..971bdbb20bcc4f 100644
--- a/packages/block-library/src/navigation-link/editor.scss
+++ b/packages/block-library/src/navigation-link/editor.scss
@@ -20,6 +20,13 @@
 		z-index: z-index(".has-child .wp-block-navigation-link__container");
 	}
 
+	&:hover {
+		.submenu-container,
+		.wp-block-navigation-link__container {
+			z-index: z-index(".has-child:hover .wp-block-navigation-link__container");
+		}
+	}
+
 	// Show on editor selected, even if on frontend it only stays open on focus-within.
 	&.is-selected,
 	&.has-child-selected {