diff --git a/src/components/icon.style.js b/src/components/icon.style.js
index 67b8abb5..66c80882 100644
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@@ -7,9 +7,9 @@ export default {
       component: 'Icon',
       directives: {
         textColor: '--text',
+        // textAuto: 'no-auto', // doesn't work well with mixrgb?
         textOpacity: 0.5,
-        textOpacityMode: 'mixrgb',
-        textAuto: 'no-auto'
+        textOpacityMode: 'mixrgb'
       }
     }
   ]