From ea85b00029e03dcf48feb404a6e0d3756b041bb9 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Fri, 7 May 2021 09:52:55 +0200
Subject: [PATCH] Add padding for nav screen.

---
 .../src/components/layout/style.scss                | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/edit-navigation/src/components/layout/style.scss b/packages/edit-navigation/src/components/layout/style.scss
index 423c2cbdf4126..29f761f346ba3 100644
--- a/packages/edit-navigation/src/components/layout/style.scss
+++ b/packages/edit-navigation/src/components/layout/style.scss
@@ -31,8 +31,9 @@
 	}
 
 	.edit-navigation-layout__content-area {
-		// Add some margin above the fixed mobile toolbar.
-		padding-top: $grid-unit-15;
+		// The 10px match that of similar settings pages.
+		padding: $grid-unit-15 10px 10px 10px;
+
 		@include break-medium() {
 			// Provide space for the floating block toolbar.
 			padding-top: $navigation-editor-spacing-top;
@@ -62,6 +63,14 @@
 			display: none;
 		}
 	}
+
+	.edit-navigation-header {
+		background: $white;
+
+		@include break-medium() {
+			background: transparent;
+		}
+	}
 }
 
 .edit-navigation-empty-state {