Temporarily hide extra Ps.

packages/block-library/src/navigation/style.scss

@@ -29,8 +29,9 @@
 			display: block;
 		}
 	}
-
 }
+
+// Menu feature for mobile.
 .wp-block-navigation__responsive-container {
 	display: none;
 	position: fixed;
@@ -39,6 +40,7 @@
 	right: 0;
 	bottom: 0;
 	background-color: #fff;
+
 	/*
 		arbitrary, high z-index
 		@todo: find correct value in order to make sure
@@ -47,6 +49,7 @@
 	z-index: 10;
 	align-items: center;
 	justify-content: center;
+
 	&.is-open {
 		display: flex;
 		flex-direction: column;
@@ -61,19 +64,30 @@
 		flex-direction: row;
 		position: relative;
 		background-color: inherit;
+
 		&.is-open {
 			flex-direction: row;
+
 			.wp-block-navigation__container {
 				flex-direction: row;
 			}
 		}
 	}
+
+	// Hide empty paragraph tags caused by wpautop. @todo, need to not output them in the first place.
+	[data-micromodal-close] > p,
+	[role="dialog"] > p,
+	> p {
+		display: none;
+	}
 }
+
 .wp-block-navigation__responsive-container-open {
 	@include break-mobile {
 		display: none;
 	}
 }
+
 .wp-block-navigation__responsive-container-close {
 	position: absolute;
 	top: 60px;
@@ -85,6 +99,7 @@
 		display: none;
 	}
 }
+
 // Justification.
 .items-justified-center > ul {
 	justify-content: center;