diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index fd6b53a..2862f39 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,8 +1,13 @@
 'use client';
 
 import { ThemeProvider } from 'next-themes';
+import { useEffect } from 'react';
 
 export function Providers({ children }: { children: React.ReactNode }) {
+  useEffect(() => {
+    document.documentElement.classList.add('hydrated');
+  }, []);
+
   return (
     <ThemeProvider
       attribute="class"