diff --git a/src/app/(dashboard)/layout.tsx b/src/app/(dashboard)/layout.tsx
new file mode 100644
index 0000000..3b1654c
--- /dev/null
+++ b/src/app/(dashboard)/layout.tsx
@@ -0,0 +1,26 @@
+import { Navbar } from "@/components/navbar";
+import { Sidebar } from "@/components/sidebar";
+
+interface DashboardLayoutProps {
+  children: React.ReactNode;
+}
+
+const DashboardLayout = ({ children }: DashboardLayoutProps) => {
+  return (
+    <div className="min-h-screen">
+      <div className="flex w-full h-full">
+        <div className="fixed left-0 top-0 hidden lg:block lg:w-[264px] h-full overflow-y-auto">
+          <Sidebar />
+        </div>
+        <div className="lg:pl-[264px] w-full">
+          <div className="mx-auto max-w-screen-2xl h-full">
+            <Navbar />
+            <main className="h-full py-8 px-6 flex flex-col">{children}</main>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default DashboardLayout;