From f8e8e76bfa83ca169c5e42e37500376fe486a907 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Tue, 23 Mar 2021 09:56:04 +0100
Subject: [PATCH] Tweak paddings and hover.

---
 .../src/components/block-switcher/style.scss         | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/block-editor/src/components/block-switcher/style.scss b/packages/block-editor/src/components/block-switcher/style.scss
index af55c44d2509d4..26f468c8458931 100644
--- a/packages/block-editor/src/components/block-switcher/style.scss
+++ b/packages/block-editor/src/components/block-switcher/style.scss
@@ -93,7 +93,6 @@
 	padding: 0;
 
 	.components-menu-group {
-		padding: $grid-unit-20;
 		margin: 0;
 	}
 }
@@ -187,18 +186,19 @@
 .block-editor-block-switcher__preview-patterns-container {
 	.block-editor-block-switcher__preview-patterns-container-list__list-item {
 		margin-top: $grid-unit-20;
+
 		.block-editor-block-preview__container {
 			cursor: pointer;
 		}
+
 		.block-editor-block-switcher__preview-patterns-container-list__item {
 			height: 100%;
 			border-radius: $radius-block-ui;
 			transition: all 0.05s ease-in-out;
 			position: relative;
 			border: $border-width solid transparent;
-			&:hover {
-				border: $border-width solid var(--wp-admin-theme-color);
-			}
+
+			&:hover,
 			&:focus {
 				box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 
@@ -206,6 +206,10 @@
 				outline: 2px solid transparent;
 			}
 
+			&:hover {
+				box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) $gray-900;
+			}
+
 			.block-editor-block-switcher__preview-patterns-container-list__item-title {
 				padding: $grid-unit-05;
 				font-size: 12px;