diff --git a/src/app/deals/components/shared/DealCard/DealCard.module.css b/src/app/deals/components/shared/DealCard/DealCard.module.css
index d196290..23e6a69 100644
--- a/src/app/deals/components/shared/DealCard/DealCard.module.css
+++ b/src/app/deals/components/shared/DealCard/DealCard.module.css
@@ -1,7 +1,8 @@
 
 .container {
-    background-color: #e0f0f4;
-
+    @mixin light {
+        background-color: #e0f0f4;
+    }
     @mixin dark {
         background-color: var(--mantine-color-dark-7);
     }
diff --git a/src/app/deals/drawers/ProjectsEditorDrawer/ProjectsEditorDrawer.module.css b/src/app/deals/drawers/ProjectsEditorDrawer/ProjectsEditorDrawer.module.css
index 8d9f762..6523a50 100644
--- a/src/app/deals/drawers/ProjectsEditorDrawer/ProjectsEditorDrawer.module.css
+++ b/src/app/deals/drawers/ProjectsEditorDrawer/ProjectsEditorDrawer.module.css
@@ -1,6 +1,7 @@
 .project:hover {
-    background-color: whitesmoke;
-
+    @mixin light {
+        background-color: whitesmoke;
+    }
     @mixin dark {
         background-color: var(--mantine-color-dark-6);
     }