diff --git a/src/app/(main)/console/page.tsx b/src/app/(main)/console/page.tsx
index 635ee63..cf9ae48 100644
--- a/src/app/(main)/console/page.tsx
+++ b/src/app/(main)/console/page.tsx
@@ -1,3 +1,4 @@
+"use client"
 export default function Page() {
   return <div>Console</div>
 }
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
index 89f7d17..7f44901 100644
--- a/src/app/(main)/layout.tsx
+++ b/src/app/(main)/layout.tsx
@@ -11,7 +11,7 @@ export default function BaseLayout({
   children: React.ReactNode
 }) {
   return (
-    <div className="w-full h-full p-0 m-0 bg-transparent">
+    <div className="w-full h-full p-0 m-0">
       {/* bg-[#f1f0f2]  */}
       <Nav />
 
diff --git a/src/app/(main)/movie/page.tsx b/src/app/(main)/movie/page.tsx
index 1d84b4d..b58f138 100644
--- a/src/app/(main)/movie/page.tsx
+++ b/src/app/(main)/movie/page.tsx
@@ -1,3 +1,4 @@
+"use client"
 export default function Page() {
   return <div>Movie</div>
 }
diff --git a/src/app/(main)/tool/page.tsx b/src/app/(main)/tool/page.tsx
index 92e52d0..894a47e 100644
--- a/src/app/(main)/tool/page.tsx
+++ b/src/app/(main)/tool/page.tsx
@@ -1,3 +1,4 @@
+"use client"
 export default function Page() {
   return <div>Tool</div>
 }
diff --git a/src/app/(main)/users/page.tsx b/src/app/(main)/users/page.tsx
index 4303c20..03e12b6 100644
--- a/src/app/(main)/users/page.tsx
+++ b/src/app/(main)/users/page.tsx
@@ -1,3 +1,4 @@
+"use client"
 export default function Page() {
   return <div>Users</div>
 }