diff --git a/src/components/icon/icon.css b/src/components/icon/icon.css
index 233ebe89a..04e544403 100644
--- a/src/components/icon/icon.css
+++ b/src/components/icon/icon.css
@@ -79,7 +79,7 @@ svg {
  * changes, but it will at least
  * respect the dir on component load.
  */
-@supports not selector(:dir(rtl)) and selector(:host-context([dir='rtl'])) {
+@supports (not selector(:dir(rtl))) and (selector(:host-context([dir='rtl']))) {
   :host(.icon-rtl) .icon-inner {
     transform: scaleX(-1);
   }