diff --git a/app/assets/stylesheets/common/select-kit/flair-row.scss b/app/assets/stylesheets/common/select-kit/flair-row.scss
index 90d5d47c843..224ce3836d7 100644
--- a/app/assets/stylesheets/common/select-kit/flair-row.scss
+++ b/app/assets/stylesheets/common/select-kit/flair-row.scss
@@ -1,3 +1,5 @@
+$flair-size: 18px;
+
 .select-kit.flair-chooser {
   .select-kit-header,
   .flair-row {
@@ -5,22 +7,22 @@
       align-items: center;
       background-position: center;
       background-repeat: no-repeat;
-      background-size: 30px 30px;
+      background-size: $flair-size $flair-size;
       display: flex;
       justify-content: center;
       margin-right: 5px;
-      height: 30px;
-      width: 30px;
+      height: $flair-size;
+      width: $flair-size;
 
       &.rounded {
-        background-size: (30px / 1.4) (30px / 1.4);
+        background-size: ($flair-size / 1.4) ($flair-size / 1.4);
         border-radius: 50%;
       }
 
       .d-icon {
         display: block;
-        height: (30px / 1.8);
-        width: (30px / 1.8);
+        height: ($flair-size / 1.8);
+        width: ($flair-size / 1.8);
       }
     }
 
@@ -28,8 +30,4 @@
       white-space: nowrap;
     }
   }
-
-  .select-kit-header {
-    padding: 2px 4px;
-  }
 }