From 5e9be8cbf8341361ddece07d0c4a7c9fcad99aae Mon Sep 17 00:00:00 2001
From: vickytechkey <vichunice@gmail.com>
Date: Thu, 20 Aug 2026 19:41:26 +0530
Subject: [PATCH] fix: implement dedicated .workspace-container class to
 prevent dashboard sidebar overlap

---
 src/App.tsx   |  2 +-
 src/index.css | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 97dd09b..e7aa49a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1998,7 +1998,7 @@ export default function App() {
           </aside>
 
           {/* Main Workspace Frame */}
-          <main className="flex-grow md:ml-64 flex flex-col min-h-screen bg-background">
+          <main className="workspace-container bg-background">
 
             {/* Top Workspace Header */}
             <header className="h-16 border-b border-[#D9C5B2] bg-white flex items-center justify-between px-8 sticky top-0 z-30">
diff --git a/src/index.css b/src/index.css
index 9f5d0f4..ddd3f3b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1405,3 +1405,14 @@ body {
   color: var(--primary);
   border-bottom-color: var(--primary);
 }
+
+/* Custom Workspace Container for Sidebar Clearance */
+.workspace-container {
+  margin-left: 16rem;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  width: calc(100% - 16rem);
+  box-sizing: border-box;
+}