diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index f77ca89..d0736a5 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -1,9 +1,7 @@
 import "./globals.css"
 import { Inter } from "next/font/google"
-import type React from "react"
 import type { Metadata } from "next"
-import ClientLayout from "@/components/ClientLayout"
-import MouseMoveEffect from "@/components/mouse-move-effect"
+import ClientLayout from "@/components/ClientLayout" // ✅ Import ClientLayout (Recommended)
 
 const inter = Inter({ subsets: ["latin"] })
 
@@ -11,7 +9,7 @@ export const metadata: Metadata = {
   title: "ProxMenux - A menu-driven script for Proxmox VE management",
   description:
     "ProxMenux is a tool designed to execute shell scripts in an organized manner for Proxmox VE management.",
-    generator: 'v0.dev'
+  generator: "v0.dev",
 }
 
 export default function RootLayout({
@@ -22,14 +20,10 @@ export default function RootLayout({
   return (
     <html lang="en" className="dark">
       <body className={`${inter.className} bg-background text-foreground antialiased`}>
-        <Navbar />
-        <MouseMoveEffect />
-        <div className="pt-16 md:pt-16">{children}</div>
+        <ClientLayout>  {/* ✅ Now using ClientLayout */}
+          {children}
+        </ClientLayout>
       </body>
     </html>
   )
 }
-
-
-
-import './globals.css'
