From 929c536cd65b80a4f46bc611707fe9a0a494c3fc Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 26 Aug 2021 10:02:16 +0200
Subject: [PATCH] Fix gray W menu color.

---
 .../src/components/header/fullscreen-mode-close/style.scss   | 4 ++--
 .../navigation-sidebar/navigation-toggle/style.scss          | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/edit-post/src/components/header/fullscreen-mode-close/style.scss b/packages/edit-post/src/components/header/fullscreen-mode-close/style.scss
index 1cee0b961908f..72f14c823e168 100644
--- a/packages/edit-post/src/components/header/fullscreen-mode-close/style.scss
+++ b/packages/edit-post/src/components/header/fullscreen-mode-close/style.scss
@@ -11,7 +11,7 @@
 		align-items: center;
 		align-self: stretch;
 		border: none;
-		background: #23282e; // WP-admin gray.
+		background: $gray-900;
 		color: $white;
 		border-radius: 0;
 		height: $header-height + $border-width;
@@ -38,7 +38,7 @@
 			bottom: 9px;
 			left: 9px;
 			border-radius: $radius-block-ui + $border-width + $border-width;
-			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #23282e;
+			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $gray-900;
 		}
 
 		// Hover color.
diff --git a/packages/edit-site/src/components/navigation-sidebar/navigation-toggle/style.scss b/packages/edit-site/src/components/navigation-sidebar/navigation-toggle/style.scss
index d3ab0f7ac3d5b..d78d3d4e6f668 100644
--- a/packages/edit-site/src/components/navigation-sidebar/navigation-toggle/style.scss
+++ b/packages/edit-site/src/components/navigation-sidebar/navigation-toggle/style.scss
@@ -17,9 +17,10 @@
 	background: $gray-900;
 	border-radius: 0;
 	color: $white;
-	height: $header-height;
+	height: $header-height + $border-width;
 	width: $header-height;
 	z-index: 1;
+	margin-bottom: - $border-width;
 
 	&.has-icon {
 		min-width: $header-height;
@@ -44,7 +45,7 @@
 			bottom: 9px;
 			left: 9px;
 			border-radius: $radius-block-ui + $border-width + $border-width;
-			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #23282e;
+			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $gray-900;
 		}
 
 		// Hover color.