diff --git a/web/src/App.tsx b/web/src/App.tsx
index daf6412418d97..6aac053da91f8 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -34,10 +34,8 @@ const App = () => {
   useEffect(() => {
     const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const handleColorSchemeChange = (e: MediaQueryListEvent) => {
-      if (commonContext.appearance === "system") {
-        const mode = e.matches ? "dark" : "light";
-        setMode(mode);
-      }
+      const mode = e.matches ? "dark" : "light";
+      setMode(mode);
     };
 
     try {