diff --git a/src/Terrabuild.UI/src/main.tsx b/src/Terrabuild.UI/src/main.tsx
index 24a5268e..a63a4e19 100644
--- a/src/Terrabuild.UI/src/main.tsx
+++ b/src/Terrabuild.UI/src/main.tsx
@@ -32,7 +32,7 @@ const Root = () => {
   return (
     <MantineProvider
       theme={theme}
-      defaultColorScheme="dark"
+      defaultColorScheme="auto"
       colorSchemeManager={colorSchemeManager}
     >
       <Notifications position="top-right" />