From 9fbbc25d38c7e7abeb8404e5af9c0160ac408b44 Mon Sep 17 00:00:00 2001
From: tellthemachines <isabel@tellthemachines.com>
Date: Fri, 27 Sep 2019 15:37:19 +1000
Subject: [PATCH] Fix styles.

---
 packages/components/src/font-size-picker/index.js    |  2 +-
 packages/components/src/font-size-picker/select.scss | 10 +++++++---
 packages/components/src/font-size-picker/style.scss  |  2 +-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/components/src/font-size-picker/index.js b/packages/components/src/font-size-picker/index.js
index ece2d965fc9d11..bf3809fbf5a686 100644
--- a/packages/components/src/font-size-picker/index.js
+++ b/packages/components/src/font-size-picker/index.js
@@ -93,7 +93,7 @@ function FontSizePicker( {
 						onChange( undefined );
 						setCurrentSelectValue( getSelectValueFromFontSize( fontSizes, undefined ) );
 					} }
-					isSmall
+					isLarge
 					isDefault
 				>
 					{ __( 'Reset' ) }
diff --git a/packages/components/src/font-size-picker/select.scss b/packages/components/src/font-size-picker/select.scss
index 30f0e18a60f25c..f3f57c9e8eeda1 100644
--- a/packages/components/src/font-size-picker/select.scss
+++ b/packages/components/src/font-size-picker/select.scss
@@ -46,14 +46,18 @@
 
 .components-font-size-picker__select-selector.components-font-size-picker__select-selector {
 	background: #fff;
+	border: 1px solid $dark-gray-200;
+	border-radius: 4px;
+	box-shadow: none;
 	margin-top: $grid-size;
+	padding-left: $grid-size-small;
+	position: relative;
 }
 
 .components-font-size-picker__select-selector::after {
 	content: "▼";
-	position: relative;
-	right: -10px;
-	padding: 0 8px;
+	position: absolute;
+	right: $grid-size-small;
 }
 
 .components-font-size-picker__select-selector:focus {
diff --git a/packages/components/src/font-size-picker/style.scss b/packages/components/src/font-size-picker/style.scss
index 2ee248c07f15e9..0eb93674934ec1 100644
--- a/packages/components/src/font-size-picker/style.scss
+++ b/packages/components/src/font-size-picker/style.scss
@@ -4,7 +4,7 @@
 	max-width: $sidebar-width - ( 2 * $panel-padding );
 	display: flex;
 	justify-content: space-between;
-	align-items: center;
+	align-items: flex-end;
 	margin-bottom: $grid-size * 3;
 
 	// Apply the same height as the isSmall Reset button.