diff --git a/frontend/src/components/App/Layout.tsx b/frontend/src/components/App/Layout.tsx
index 912d32238fd..5be1c59afab 100644
--- a/frontend/src/components/App/Layout.tsx
+++ b/frontend/src/components/App/Layout.tsx
@@ -204,7 +204,7 @@ export default function Layout({}: LayoutProps) {
       </Link>
       <Box sx={{ display: 'flex', [theme.breakpoints.down('sm')]: { display: 'block' } }}>
         <VersionDialog />
-        <CssBaseline />
+        <CssBaseline enableColorScheme />
         <TopBar />
         <Sidebar />
         <Main id="main" sx={{ flexGrow: 1, marginLeft: 'initial' }}>