diff --git a/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap b/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
index e456b9e8..1cc16345 100644
--- a/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
+++ b/packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
@@ -105,8 +105,8 @@ exports[`renders <Rule/> without throwing 1`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c5::-ms-expand {
@@ -131,8 +131,8 @@ exports[`renders <Rule/> without throwing 1`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c7::-ms-expand {
@@ -157,8 +157,8 @@ exports[`renders <Rule/> without throwing 1`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c10::-ms-expand {
@@ -183,8 +183,8 @@ exports[`renders <Rule/> without throwing 1`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c13::-ms-expand {
@@ -952,8 +952,8 @@ exports[`renders <Rule/> without throwing 2`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c5::-ms-expand {
@@ -978,8 +978,8 @@ exports[`renders <Rule/> without throwing 2`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c7::-ms-expand {
@@ -1004,8 +1004,8 @@ exports[`renders <Rule/> without throwing 2`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c10::-ms-expand {
@@ -1030,8 +1030,8 @@ exports[`renders <Rule/> without throwing 2`] = `
   -moz-appearance: none;
   appearance: none;
   min-height: 0;
-  color: rgb(216,216,216);
   margin: 0 0.375rem;
+  color: rgba(73,73,73,1);
 }
 
 .c13::-ms-expand {
diff --git a/packages/ui-toolkit/src/form/select.js b/packages/ui-toolkit/src/form/select.js
index 479b08ba..c275aa09 100644
--- a/packages/ui-toolkit/src/form/select.js
+++ b/packages/ui-toolkit/src/form/select.js
@@ -86,13 +86,9 @@ const StyledSelect = select.extend`
     height: ${remcalc(24)};
     appearance: none;
     min-height: 0;
-    color:  ${props => props.theme.grey};
     margin: 0 ${remcalc(6)};
-  `};
-
-  ${is('embedded', 'touched')`
     color: ${props => props.theme.text};
-  `}
+  `};
 
   ${is('wrapped')`
     margin: 0;