diff --git a/app/Providers.js b/app/Providers.js
index da9955f..8313164 100644
--- a/app/Providers.js
+++ b/app/Providers.js
@@ -1,13 +1,14 @@
 "use client";
 
 import { ThemeProvider } from "next-themes";
+import { usePathname } from "next/navigation";
 
 export function Providers({ children }) {
-  const isDark = window.location.pathname.includes("/panel");
+  const router = usePathname();
 
   return (
     <ThemeProvider
-      attribute={isDark ? "class" : "data-"}
+      attribute={router.includes("/panel") ? "class" : "data-"}
       defaultTheme="system"
       enableSystem
     >