diff --git a/web/src/app.css b/web/src/app.css
index 3da1f70b87..b45926c0c4 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -34,7 +34,7 @@
   grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--spacing) * --value(number)), 100%), 1fr));
 }
 
-@custom-variant dark (&:where(.dark, .dark *));
+@custom-variant dark (&:where(.dark, .dark *):not(.light));
 
 @theme inline {
   --color-immich-primary: rgb(var(--immich-primary));