diff --git a/packages/redux-devtools-ui/src/utils/theme.ts b/packages/redux-devtools-ui/src/utils/theme.ts
index 74e27934..585e9bbc 100644
--- a/packages/redux-devtools-ui/src/utils/theme.ts
+++ b/packages/redux-devtools-ui/src/utils/theme.ts
@@ -62,18 +62,12 @@ export const useTheme = ({
     const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
 
     const handleChange = ({ matches }: MediaQueryListEvent) => {
-      if (matches && !prefersDarkColorScheme) {
-        setPrefersDarkColorScheme(true);
-      }
-
-      if (!matches && prefersDarkColorScheme) {
-        setPrefersDarkColorScheme(false);
-      }
+      setPrefersDarkColorScheme(matches);
     };
 
     mediaQuery.addEventListener('change', handleChange);
     return () => mediaQuery.removeEventListener('change', handleChange);
-  }, [prefersDarkColorScheme]);
+  }, []);
 
   const light = useMemo(
     () =>