diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 4fc2b8552..6ae7516fa 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -53,10 +53,10 @@ export default function RootLayout({
       className={`${interFont.variable} ${latoFont.variable}`}
     >
       <head>
-        <ColorSchemeScript />
+        <ColorSchemeScript defaultColorScheme="auto" />
       </head>
       <body>
-        <MantineProvider theme={theme}>
+        <MantineProvider theme={theme} defaultColorScheme="auto">
           <AppShell header={{ height: "var(--header-height)" }}>
             <Header />
 
