diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e6a128e..32db5b0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -38,6 +38,7 @@ const RootLayout = async ({
                     attribute="class"
                     defaultTheme="dark"
                     enableSystem
+                    disableTransitionOnChange
                 >
                     <TooltipProvider delayDuration={100}>
                         <div className="px-3 md:px-7 max-w-screen-2xl min-h-screen mx-auto flex flex-col">