diff --git a/src/app/(panels)/layout.tsx b/src/app/(panels)/layout.tsx
new file mode 100644
index 0000000..dd27b62
--- /dev/null
+++ b/src/app/(panels)/layout.tsx
@@ -0,0 +1,21 @@
+"use client"
+
+import { ThemeProvider } from '@/components/theme-provider';
+
+import '../globals.css'
+
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode
+}) {
+    return (
+        <html lang="en">
+        <body>
+            <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+                <main suppressHydrationWarning>{children}</main>
+            </ThemeProvider>
+        </body>
+    </html>
+    )
+}
diff --git a/src/app/suite/doctor/dashboard/page.tsx b/src/app/(panels)/suite/doctor/dashboard/page.tsx
similarity index 100%
rename from src/app/suite/doctor/dashboard/page.tsx
rename to src/app/(panels)/suite/doctor/dashboard/page.tsx
diff --git a/src/app/suite/doctor/layout.tsx b/src/app/(panels)/suite/doctor/layout.tsx
similarity index 68%
rename from src/app/suite/doctor/layout.tsx
rename to src/app/(panels)/suite/doctor/layout.tsx
index e609b56..b6999b5 100644
--- a/src/app/suite/doctor/layout.tsx
+++ b/src/app/(panels)/suite/doctor/layout.tsx
@@ -8,9 +8,9 @@ export default function RootLayout({
     children: React.ReactNode
 }) {
     return (
-        <div>
+        <main className="w-full" suppressHydrationWarning>
             <AppSidebar />
-            <main suppressHydrationWarning>{children}</main>
-        </div>
+            {children}
+        </main>
     )
 }
diff --git a/src/app/suite/patient/layout.tsx b/src/app/(panels)/suite/patient/layout.tsx
similarity index 100%
rename from src/app/suite/patient/layout.tsx
rename to src/app/(panels)/suite/patient/layout.tsx
diff --git a/src/app/layout.tsx b/src/app/(web)/layout.tsx
similarity index 95%
rename from src/app/layout.tsx
rename to src/app/(web)/layout.tsx
index 6267530..e69d4da 100644
--- a/src/app/layout.tsx
+++ b/src/app/(web)/layout.tsx
@@ -4,7 +4,7 @@ import { Navbar } from '@/components/navbar';
 import { Footer } from '@/components/footer';
 import { ThemeProvider } from '@/components/theme-provider';
 
-import './globals.css'
+import '../globals.css'
 
 export default function RootLayout({
 	children,
diff --git a/src/app/page.tsx b/src/app/(web)/page.tsx
similarity index 100%
rename from src/app/page.tsx
rename to src/app/(web)/page.tsx
diff --git a/src/components/panel-ui/app-sidebar.tsx b/src/components/panel-ui/app-sidebar.tsx
index ace2ffa..4083830 100644
--- a/src/components/panel-ui/app-sidebar.tsx
+++ b/src/components/panel-ui/app-sidebar.tsx
@@ -9,7 +9,7 @@ import {
 	SidebarMenu,
 	SidebarMenuButton,
 	SidebarMenuItem,
-	SidebarProvider
+	SidebarProvider,
 } from "@/components/ui/sidebar"
 
 // Menu items.
