diff --git a/web/src/style/materialUISetup.js b/web/src/style/materialUISetup.js
index 278eecf1..e3ee51e8 100644
--- a/web/src/style/materialUISetup.js
+++ b/web/src/style/materialUISetup.js
@@ -28,7 +28,7 @@ export const useMaterialUITheme = () => {
   const savedThemeMode = localStorage.getItem('themeMode')
   const isSystemModeDark = useMediaQuery('(prefers-color-scheme: dark)')
   const [isDarkMode, setIsDarkMode] = useState(savedThemeMode === 'dark' || isSystemModeDark)
-  const [currentThemeMode, setCurrentThemeMode] = useState(savedThemeMode || THEME_MODES.LIGHT)
+  const [currentThemeMode, setCurrentThemeMode] = useState(savedThemeMode || THEME_MODES.AUTO)
 
   const updateThemeMode = mode => {
     setCurrentThemeMode(mode)