diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2819090..7dc589f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -24,9 +24,9 @@ export default function RootLayout({
       suppressHydrationWarning
     >
       <body className="min-h-full flex flex-col">
-        <NextIntlClientProvider>
-          <ThemeProvider>{children}</ThemeProvider>
-        </NextIntlClientProvider>
+        <ThemeProvider attribute="class" enableSystem defaultTheme="system">
+          <NextIntlClientProvider>{children}</NextIntlClientProvider>
+        </ThemeProvider>
       </body>
     </html>
   );
