From 60090c364c58ee84880e95f08198159bbafb4ae6 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 2 Dec 2021 12:07:10 +0100
Subject: [PATCH] Update collapsed panel indicator.

---
 .../src/components/colors-gradients/style.scss         | 10 +++++-----
 packages/components/src/color-indicator/style.scss     |  1 +
 .../edit-site/src/components/global-styles/style.scss  |  2 ++
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss
index cf72b32b43f86d..0c40078d7c6907 100644
--- a/packages/block-editor/src/components/colors-gradients/style.scss
+++ b/packages/block-editor/src/components/colors-gradients/style.scss
@@ -5,13 +5,13 @@
 }
 
 .block-editor-panel-color-gradient-settings {
-	.component-color-indicator {
-		vertical-align: text-bottom;
-	}
+	.block-editor-panel-color-gradient-settings__panel-title {
+		display: flex;
 
-	&__panel-title {
 		.component-color-indicator {
-			display: inline-block;
+			width: $grid-unit-15;
+			height: $grid-unit-15;
+			align-self: center;
 		}
 	}
 
diff --git a/packages/components/src/color-indicator/style.scss b/packages/components/src/color-indicator/style.scss
index 4dbce337b7fa9a..f43d90747d7c60 100644
--- a/packages/components/src/color-indicator/style.scss
+++ b/packages/components/src/color-indicator/style.scss
@@ -5,4 +5,5 @@
 	border: $border-width solid $gray-300;
 	display: inline-block;
 	padding: 0;
+	margin-left: $grid-unit-15;
 }
diff --git a/packages/edit-site/src/components/global-styles/style.scss b/packages/edit-site/src/components/global-styles/style.scss
index ba9284f18d1020..35c27fe92cfbef 100644
--- a/packages/edit-site/src/components/global-styles/style.scss
+++ b/packages/edit-site/src/components/global-styles/style.scss
@@ -34,6 +34,8 @@
 	margin: $grid-unit-20;
 
 	.component-color-indicator {
+		margin-left: 0;
+
 		// Show a diagonal line (crossed out) for empty swatches.
 		background: linear-gradient(-45deg, transparent 48%, $gray-300 48%, $gray-300 52%, transparent 52%);
 	}