From fa7d3a96c5f71df662e9931b130ddf369d4e86f1 Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sun, 15 Mar 2026 17:39:19 +0000
Subject: [PATCH] fix: keep the container spanning the whole width to fix
 scroll bar issue

---
 .../lib/components/app/chat/ChatScreen/ChatScreen.svelte   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte
index b1d29a279a..6a506ec2b5 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreen.svelte
@@ -353,7 +353,7 @@
 	<div
 		bind:this={chatScrollContainer}
 		aria-label="Chat interface with file drop zone"
-		class="flex h-full flex-col overflow-y-auto px-4 md:px-6 {widthClasses.class} mx-auto"
+		class="flex h-full flex-col overflow-y-auto px-4 md:px-6"
 		ondragenter={handleDragEnter}
 		ondragleave={handleDragLeave}
 		ondragover={handleDragOver}
@@ -377,7 +377,10 @@
 			<ChatScreenProcessingInfo />
 
 			{#if hasPropsError}
-				<div class="pointer-events-auto mx-auto mb-4 px-1" in:fly={{ y: 10, duration: 250 }}>
+				<div
+					class="pointer-events-auto mx-auto mb-4 {widthClasses.class} px-1"
+					in:fly={{ y: 10, duration: 250 }}
+				>
 					<Alert.Root variant="destructive">
 						<AlertTriangle class="h-4 w-4" />
 						<Alert.Title class="flex items-center justify-between">