diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index cfeb7169..3ef3ec0c 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -6,7 +6,7 @@ import { GeistProvider } from '@geist-ui/core'
 
 export function Providers({ children }: { children: ReactNode }) {
   return (
-    <ThemeProvider attribute="class" defaultTheme="system">
+    <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
       <GeistProvider>{children}</GeistProvider>
     </ThemeProvider>
   )