diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 93ab1ea..9bc4678 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -16,9 +16,9 @@ export default function RootLayout({
   return (
     <html lang="en" className="h-full antialiased" 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>
   );
