diff --git a/src/components/color_input/color_input.scss b/src/components/color_input/color_input.scss
index 8e9923cff8..3de31fded8 100644
--- a/src/components/color_input/color_input.scss
+++ b/src/components/color_input/color_input.scss
@@ -27,16 +27,16 @@
       &.nativeColor {
         flex: 0 0 2em;
         min-width: 2em;
-        align-self: center;
-        height: 100%;
+        align-self: stretch;
+        min-height: 100%;
       }
     }
     .computedIndicator,
     .transparentIndicator {
       flex: 0 0 2em;
       min-width: 2em;
-      align-self: center;
-      height: 100%;
+      align-self: stretch;
+      min-height: 100%;
     }
     .transparentIndicator {
       // forgot to install counter-strike source, ooops