From d9b17655245b3db0ee077c3153876829cb5dc779 Mon Sep 17 00:00:00 2001
From: Muskan <sajwanmuskan123@gmail.com>
Date: Sat, 6 Jun 2026 17:43:01 +0530
Subject: [PATCH] fix: prevent layout overlap on screens narrower than 375px

---
 frontend/src/app/dashboard/page.tsx                 | 3 ++-
 frontend/src/components/chat/ChatSessionSidebar.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/dashboard/page.tsx b/frontend/src/app/dashboard/page.tsx
index f5a25f0a..81f805e0 100644
--- a/frontend/src/app/dashboard/page.tsx
+++ b/frontend/src/app/dashboard/page.tsx
@@ -217,7 +217,8 @@ export default function DashboardPage() {
         <ChatSessionSidebar />
 
         {/* ── Center: Chat Panel ──────────────────────────────────── */}
-        <div className="flex-1 min-w-0 flex flex-col">
+        
+        <div className="flex-1 min-w-0 w-full flex flex-col overflow-hidden">
           <ChatPanel
             activeDoc={activeDoc}
             onCitationClick={(target) => {
diff --git a/frontend/src/components/chat/ChatSessionSidebar.tsx b/frontend/src/components/chat/ChatSessionSidebar.tsx
index d2080f68..8f9382ae 100644
--- a/frontend/src/components/chat/ChatSessionSidebar.tsx
+++ b/frontend/src/components/chat/ChatSessionSidebar.tsx
@@ -237,7 +237,7 @@ export default function ChatSessionSidebar() {
 
       <Button
         onClick={() => setMobileOpen(true)}
-        className="fixed bottom-4 left-4 z-30 h-11 w-11 rounded-full shadow-lg md:hidden"
+        className="fixed bottom-4 left-2 z-30 h-10 w-10 rounded-full shadow-lg md:hidden"
         size="icon"
         aria-label="Open chat sessions"
         aria-controls="mobile-chat-sessions"