diff --git a/common/theme/base.css b/common/theme/base.css
index 4dad08ee..2ab109bd 100644
--- a/common/theme/base.css
+++ b/common/theme/base.css
@@ -1,5 +1,5 @@
 @layer base {
-  .light {
+  :root.light {
     --background: 0 0% 98%;
     --foreground: 223 25% 12%;
     --card: 0 0% 100%;
@@ -21,7 +21,7 @@
     --ring: 209 79% 52%;
   }
 
-  .dark {
+  :root.dark {
     --background: 210 25% 6%;
     --foreground: 210 35% 96%;
     --card: 215 32% 9%;