diff --git a/src/mmw/sass/components/_layerpicker.scss b/src/mmw/sass/components/_layerpicker.scss
index 7b9051f59..dfef73a25 100644
--- a/src/mmw/sass/components/_layerpicker.scss
+++ b/src/mmw/sass/components/_layerpicker.scss
@@ -48,7 +48,7 @@
   border: 0;
   outline: 0;
   background: none;
-  color: #999;
+  color: $ui-grey;
   &:hover {
     color: inherit;
   }
@@ -56,7 +56,7 @@
     color: $brand-primary;
   }
   &:disabled {
-      color: $ui-light;
+      color: $ui-medium-light;
   }
 }
 
diff --git a/src/mmw/sass/utils/_variables.scss b/src/mmw/sass/utils/_variables.scss
index 47c94565c..1e75e441a 100644
--- a/src/mmw/sass/utils/_variables.scss
+++ b/src/mmw/sass/utils/_variables.scss
@@ -16,6 +16,7 @@ $paper: #ffffff;
 $ui-primary: #273238; /*Dark Grey*/
 $ui-secondary: #394750; /*Medium Grey*/
 $ui-light: #eceff1; /*Light Grey*/
+$ui-medium-light: #BDBDBD; /* Medium Light Grey */
 $ui-grey: #787878 ; /* Output Tab Bar */
 $ui-danger: #e0412d; /*Errors*/
 $ui-warning: #e4b72f; /*Warnings*/