changes in width

Author: Vemarthula-Microsoft

App/frontend-app/src/components/chat/chatRoom.module.scss

@@ -21,6 +21,21 @@
     }
 }
 
+/* Global overrides to ensure full width */
+:global(html), :global(body), :global(#root) {
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    box-sizing: border-box !important;
+}
+
+/* Override home page chat-panel constraints on chat page */
+:global(.chat-panel) {
+    width: 100% !important;
+    max-width: 100% !important;
+}
+
 /* Ensure no white space in chat area */
 .no-white-space {
     margin: 0 !important;

App/frontend-app/src/pages/chat/chatPage.tsx

@@ -31,14 +31,14 @@ export function ChatPage() {
     };
 
     return (
-        <div className="flex w-full flex-1 flex-col bg-neutral-100">
+        <div className="flex w-full flex-1 flex-col bg-neutral-100" style={{ width: '100vw', maxWidth: '100vw', margin: 0, padding: 0 }}>
             <Header className="flex flex-col justify-between bg-contain bg-right-bottom bg-no-repeat" size="small">
                 <div className="-ml-8">
                     <HeaderBar location={NavLocation.Home} />
                 </div>
             </Header>
-            <main className="flex flex-1 flex-col w-full">
-                <div className="flex flex-1 flex-col w-full">
+            <main className="flex flex-1 flex-col w-full" style={{ width: '100%', maxWidth: '100%' }}>
+                <div className="flex flex-1 flex-col w-full" style={{ width: '100%', maxWidth: '100%' }}>
                     <HeaderMenuTabs
                         className=""
                         searchResultDocuments={searchResultDocuments}

App/frontend-app/src/pages/home/home.module.scss

@@ -53,6 +53,15 @@
     overflow: hidden; /* Prevent content from spilling out */
   }
 
+  /* Full width override for chat page */
+  .chat-panel-fullwidth {
+    width: 100% !important;
+    max-width: 100% !important;
+    min-width: 300px;
+    transition: width 0.3s ease-in-out;
+    overflow: hidden;
+  }
+
   .filters-panel-collapsed {
     width: 50px !important;
     min-width: 50px;