diff --git a/app/[workspace]/settings/layout.tsx b/app/[workspace]/settings/layout.tsx
index 3f5b899..346fe9a 100644
--- a/app/[workspace]/settings/layout.tsx
+++ b/app/[workspace]/settings/layout.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { WorkspaceLeftRail } from "@/components/layout/workspace-left-rail";
-import { RightPanel } from "@/components/layout/right-panel";
-import { ReactNode, useState } from "react";
+import { VIBNSidebar } from "@/components/layout/vibn-sidebar";
+import { ReactNode } from "react";
+import { useParams } from "next/navigation";
 import { Toaster } from "sonner";
 
 export default function SettingsLayout({
@@ -10,25 +10,18 @@ export default function SettingsLayout({
 }: {
   children: ReactNode;
 }) {
-  const [activeSection, setActiveSection] = useState<string>("settings");
+  const params = useParams();
+  const workspace = params.workspace as string;
 
   return (
     <>
-      <div className="flex h-screen w-full overflow-hidden bg-background">
-        {/* Left Rail - Workspace Navigation */}
-        <WorkspaceLeftRail activeSection={activeSection} onSectionChange={setActiveSection} />
-
-        {/* Main Content Area */}
-        <main className="flex-1 flex flex-col overflow-hidden">
+      <div style={{ display: "flex", height: "100vh", background: "#f6f4f0", overflow: "hidden" }}>
+        <VIBNSidebar workspace={workspace} />
+        <main style={{ flex: 1, overflow: "auto" }}>
           {children}
         </main>
-
-        {/* Right Panel - AI Chat */}
-        <RightPanel />
       </div>
-      
       <Toaster position="top-center" />
     </>
   );
 }
-