diff --git a/src/renderer/app.tsx b/src/renderer/app.tsx
index 49311806..3c8806c1 100644
--- a/src/renderer/app.tsx
+++ b/src/renderer/app.tsx
@@ -189,7 +189,7 @@ export const App = () => {
     }, [language]);
 
     return (
-        <MantineProvider defaultColorScheme={mode as 'dark' | 'light'} theme={theme}>
+        <MantineProvider forceColorScheme={mode} theme={theme}>
             <Notifications
                 containerWidth="300px"
                 position="bottom-center"
diff --git a/src/renderer/features/shared/components/filter-bar.module.css b/src/renderer/features/shared/components/filter-bar.module.css
index a4e184b8..97c1d40a 100644
--- a/src/renderer/features/shared/components/filter-bar.module.css
+++ b/src/renderer/features/shared/components/filter-bar.module.css
@@ -1,5 +1,12 @@
 .filter-bar {
     z-index: 1;
     padding: var(--theme-spacing-md) var(--theme-spacing-sm);
-    box-shadow: 0 5px 15px rgb(0 0 0 / 65%);
+
+    @mixin dark {
+        box-shadow: 0 5px 15px rgb(0 0 0 / 65%);
+    }
+
+    @mixin light {
+        box-shadow: 0 2px 0 var(--theme-colors-border);
+    }
 }