From 0bf3d1f8cc96402d75c22313d4a22956968ec3d1 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 30 Sep 2021 10:58:47 +0200
Subject: [PATCH 1/2] Polish global styles preview.

---
 .../edit-site/src/components/sidebar/global-styles/preview.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/sidebar/global-styles/preview.js b/packages/edit-site/src/components/sidebar/global-styles/preview.js
index bc285eb98dff2f..6da4e9fed4440a 100644
--- a/packages/edit-site/src/components/sidebar/global-styles/preview.js
+++ b/packages/edit-site/src/components/sidebar/global-styles/preview.js
@@ -25,7 +25,7 @@ export const StylePreview = () => {
 			style={ { background: backgroundColor } }
 		>
 			<HStack spacing={ 5 }>
-				<div>
+				<div style={ { lineHeight: '1' } }>
 					<span style={ { fontFamily, fontSize: '80px' } }>A</span>
 					<span style={ { fontFamily, fontSize: '80px' } }>a</span>
 				</div>

From fc3a8611132609114d0547c3bd910cb2d954bab3 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Thu, 30 Sep 2021 11:13:50 +0200
Subject: [PATCH 2/2] Move to CSS.

---
 .../edit-site/src/components/sidebar/global-styles/preview.js   | 2 +-
 .../edit-site/src/components/sidebar/global-styles/style.scss   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/edit-site/src/components/sidebar/global-styles/preview.js b/packages/edit-site/src/components/sidebar/global-styles/preview.js
index 6da4e9fed4440a..bc285eb98dff2f 100644
--- a/packages/edit-site/src/components/sidebar/global-styles/preview.js
+++ b/packages/edit-site/src/components/sidebar/global-styles/preview.js
@@ -25,7 +25,7 @@ export const StylePreview = () => {
 			style={ { background: backgroundColor } }
 		>
 			<HStack spacing={ 5 }>
-				<div style={ { lineHeight: '1' } }>
+				<div>
 					<span style={ { fontFamily, fontSize: '80px' } }>A</span>
 					<span style={ { fontFamily, fontSize: '80px' } }>a</span>
 				</div>
diff --git a/packages/edit-site/src/components/sidebar/global-styles/style.scss b/packages/edit-site/src/components/sidebar/global-styles/style.scss
index 299bf9547fa19c..a206b21b360710 100644
--- a/packages/edit-site/src/components/sidebar/global-styles/style.scss
+++ b/packages/edit-site/src/components/sidebar/global-styles/style.scss
@@ -4,6 +4,7 @@
 	justify-content: center;
 	min-height: 152px;
 	margin: $grid-unit-20;
+	line-height: 1;
 
 	.component-color-indicator {
 		border-radius: 50%;