diff --git a/css/dist/components/form-select.css b/css/dist/components/form-select.css
index d029b1c..5a206f9 100644
--- a/css/dist/components/form-select.css
+++ b/css/dist/components/form-select.css
@@ -6,7 +6,7 @@ select{
 solid
 transparent;
   font-size:16px;
-  line-height:54px;
+  line-height:52px;
   -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
@@ -81,7 +81,7 @@ select[disabled]{
 
 select.form-element--small{
     height:45px;
-    line-height:45px;
+    line-height:43px;
   }
 
 [dir=ltr] select.form-element--small{
diff --git a/css/src/components/form-select.css b/css/src/components/form-select.css
index 225e78a..c70a470 100644
--- a/css/src/components/form-select.css
+++ b/css/src/components/form-select.css
@@ -46,7 +46,7 @@ select {
     right 0 top calc(-1 * var(--form-element-border-size-base)),
     left -48px top calc(-1 * var(--form-element-border-size-base));
   font-size: var(--font-size-base);
-  line-height: var(--form-element-select-height);
+  line-height: calc(var(--form-element-select-height) - var(--form-element-border-size-base));
   appearance: none;
 
   &:hover,
@@ -96,7 +96,7 @@ select {
     height: var(--form-element-select-height--small);
     padding-right: var(--form-element-select-border-size-right--small);
     background-position: right var(--sp0-75) center, right -10px top 0, left -48px top 0;
-    line-height: var(--form-element-select-height--small);
+    line-height: calc(var(--form-element-select-height--small) - var(--form-element-border-size-base));
   }
 
   /* Necessary for IE11 to show chevron. */