diff --git a/src/app/Providers.tsx b/src/app/Providers.tsx
index b8898e88..677f877f 100644
--- a/src/app/Providers.tsx
+++ b/src/app/Providers.tsx
@@ -49,7 +49,7 @@ export function Providers({ children }) {
   }
 
   return (
-    <ZenProvider>
+    <ZenProvider colorScheme="system">
       <RouterProvider navigate={navigate}>
         <MessagesProvider>
           <QueryClientProvider client={client}>