diff --git a/apps/client/src/widgets/react/hooks.tsx b/apps/client/src/widgets/react/hooks.tsx
index 8c0dc7808a..7616b9d9b1 100644
--- a/apps/client/src/widgets/react/hooks.tsx
+++ b/apps/client/src/widgets/react/hooks.tsx
@@ -1391,11 +1391,11 @@ export function useColorScheme() {
     useEffect(() => {
         if (themeStyle !== "auto") return;
         const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
-        const listener = () => setPrefersDark((window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches));
+        const listener = (e: MediaQueryListEvent) => setPrefersDark(e.matches);
 
         mediaQueryList.addEventListener("change", listener);
         return () => mediaQueryList.removeEventListener("change", listener);
-    }, []);
+    }, [ themeStyle ]);
 
     return prefersDark ? "dark" : "light";
 }