diff --git a/src/webapp/app/layout.tsx b/src/webapp/app/layout.tsx
index b3d11418..8fd0e5af 100644
--- a/src/webapp/app/layout.tsx
+++ b/src/webapp/app/layout.tsx
@@ -26,7 +26,7 @@ export default function RootLayout({
       {...mantineHtmlProps}
     >
       <head>
-        <ColorSchemeScript forceColorScheme="light" />
+        <ColorSchemeScript defaultColorScheme="auto" />
       </head>
       <body className={GlobalStyles.main}>
         <Providers>{children}</Providers>