From 1efbef70b0d2f9304855192edf189baab1b6971d Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 17 Nov 2021 13:08:00 -0500
Subject: [PATCH] Resize dropdown font, do not resize twice button icons inside
 headers (#2972)

---
 .../components/TableContainer/DataTable/_styles.scss | 10 ++++++++++
 .../components/forms/fields/Dropdown/_styles.scss    | 12 ++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/components/TableContainer/DataTable/_styles.scss b/frontend/components/TableContainer/DataTable/_styles.scss
index b7635cc049..992319dd46 100644
--- a/frontend/components/TableContainer/DataTable/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/_styles.scss
@@ -53,12 +53,22 @@
       text-align: left;
       border-bottom: 1px solid $ui-fleet-blue-15;
 
+      // resize header icons
       img {
         width: 16px;
         height: 16px;
         vertical-align: sub;
       }
 
+      // do not resize button icons inside headers
+      .button {
+        img {
+          width: initial;
+          height: initial;
+          vertical-align: initial;
+        }
+      }
+
       .header-icon-text {
         margin-left: 10px;
       }
diff --git a/frontend/components/forms/fields/Dropdown/_styles.scss b/frontend/components/forms/fields/Dropdown/_styles.scss
index 9bb88ced33..0df4c0ae67 100644
--- a/frontend/components/forms/fields/Dropdown/_styles.scss
+++ b/frontend/components/forms/fields/Dropdown/_styles.scss
@@ -50,7 +50,7 @@
     height: 40px;
 
     .Select-value {
-      font-size: $x-small;
+      font-size: $small;
       border-radius: 4px;
       background-color: $ui-off-white;
       border: solid 1px $core-dark-blue-grey;
@@ -62,7 +62,7 @@
   }
 
   .Select-value {
-    font-size: $x-small;
+    font-size: $small;
     border-radius: $border-radius;
     background-color: $ui-off-white;
     border: solid 1px $core-dark-blue-grey;
@@ -92,7 +92,7 @@
     }
 
     .Select-value-label {
-      font-size: $xx-small;
+      font-size: $small;
       color: $core-fleet-black;
       line-height: 28px;
     }
@@ -168,7 +168,7 @@
       .Select-value {
         .Select-value-label {
           color: $core-fleet-black;
-          font-size: $xx-small;
+          font-size: $small;
         }
       }
     }
@@ -250,6 +250,10 @@
 
       .Select-value {
         margin-top: 2px;
+
+        .Select-value-label {
+          font-size: $x-small;
+        }
       }
     }