diff --git a/app/layout.jsx b/app/layout.jsx
index 539d6a0..922cdaf 100644
--- a/app/layout.jsx
+++ b/app/layout.jsx
@@ -43,7 +43,11 @@ export default function RootLayout({ children }) {
   return (
     <html lang="en" suppressHydrationWarning>
       <body className={`antialiased ${inter.className}`}>
-        <ThemeProvider attribute="class" enableSystem={true}>
+        <ThemeProvider
+          attribute="class"
+          enableSystem={true}
+          disableTransitionOnChange={true}
+        >
           {children}
         </ThemeProvider>
       </body>
