diff --git a/packages/@core/shared/design/src/css/global.css b/packages/@core/shared/design/src/css/global.css
index a99ff671..3a060f79 100644
--- a/packages/@core/shared/design/src/css/global.css
+++ b/packages/@core/shared/design/src/css/global.css
@@ -23,14 +23,6 @@
     scroll-behavior: smooth;
     text-rendering: optimizelegibility;
     -webkit-tap-highlight-color: transparent;
-
-    &.invert-mode {
-      @apply invert;
-    }
-
-    &.grayscale-mode {
-      @apply grayscale;
-    }
   }
 
   #app,
@@ -139,3 +131,11 @@
     @apply bg-card text-card-foreground border-border rounded-xl border shadow;
   }
 }
+
+html.invert-mode {
+  @apply invert;
+}
+
+html.grayscale-mode {
+  @apply grayscale;
+}