diff --git a/web/src/components/Providers.tsx b/web/src/components/Providers.tsx
index 07336ceb..4784dca9 100644
--- a/web/src/components/Providers.tsx
+++ b/web/src/components/Providers.tsx
@@ -7,5 +7,9 @@ interface ProvidersProps {
 }
 
 export function Providers({ children }: ProvidersProps) {
-  return <ThemeProvider attribute='class'>{children}</ThemeProvider>;
+  return (
+    <ThemeProvider attribute='class' disableTransitionOnChange>
+      {children}
+    </ThemeProvider>
+  );
 }