diff --git a/app/providers.tsx b/app/providers.tsx
index fb49c44..96ffbb1 100644
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -8,7 +8,7 @@ export function Providers({children}: {
 }) {
 
     return (
-        <ThemeProvider attribute="class">
+        <ThemeProvider attribute="class" disableTransitionOnChange>
             {children}
         </ThemeProvider>
     )
diff --git a/components/ui/ThemeButton.tsx b/components/ui/ThemeButton.tsx
index 679d46a..38e761b 100644
--- a/components/ui/ThemeButton.tsx
+++ b/components/ui/ThemeButton.tsx
@@ -14,16 +14,7 @@ export function ThemeButton() {
         return () => clearTimeout(timeout)
     }, [])
 
-    function disableTransitionsTemporarily() {
-        document.documentElement.classList.add('[&_*]:!transition-none')
-        window.setTimeout(() => {
-            document.documentElement.classList.remove('[&_*]:!transition-none')
-        }, 0)
-    }
-
     function toggleTheme() {
-        disableTransitionsTemporarily()
-
         let darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
         let isSystemDarkMode = darkModeMediaQuery.matches
         let isDarkMode = theme === 'dark'