diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 00efe96c5a4..4630ad36a04 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -514,7 +514,7 @@ function App(): React.JSX.Element {
       mq.addEventListener('change', handler)
       return () => mq.removeEventListener('change', handler)
     }
-  }, [settings])
+  }, [settings?.theme])
 
   useEffect(() => {
     document.documentElement.style.setProperty(