diff --git a/src/components/color_input/color_input.scss b/src/components/color_input/color_input.scss
index 8e9923cf..3451c5d9 100644
--- a/src/components/color_input/color_input.scss
+++ b/src/components/color_input/color_input.scss
@@ -28,7 +28,7 @@
         flex: 0 0 2em;
         min-width: 2em;
         align-self: center;
-        height: 100%;
+        height: 2em;
       }
     }
     .computedIndicator,