diff --git a/packages/field/index.pcss b/packages/field/index.pcss
index d82b7848..6dde8a07 100644
--- a/packages/field/index.pcss
+++ b/packages/field/index.pcss
@@ -46,12 +46,19 @@
   &__clear,
   &__icon-container {
     padding: 0 10px;
-    color: $gray-dark;
     line-height: inherit;
     margin-right: -10px;
     vertical-align: middle;
   }
 
+  &__clear {
+    color: $gray;
+  }
+
+  &__icon-container {
+    color: $gray-dark;
+  }
+
   &__icon {
     display: block;
     font-size: 16px;