From 72c1928dc9e37e0162bd31e7f49d8133461cec03 Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sun, 15 Mar 2026 17:34:31 +0000
Subject: [PATCH] refactor: move widthClasses.class to the container div

---
 .../lib/components/app/chat/ChatScreen/ChatScreen.svelte   | 7 ++-----
 1 file changed, 2 insertions(+), 5 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 6a506ec2b5..b1d29a279a 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"
+		class="flex h-full flex-col overflow-y-auto px-4 md:px-6 {widthClasses.class} mx-auto"
 		ondragenter={handleDragEnter}
 		ondragleave={handleDragLeave}
 		ondragover={handleDragOver}
@@ -377,10 +377,7 @@
 			<ChatScreenProcessingInfo />
 
 			{#if hasPropsError}
-				<div
-					class="pointer-events-auto mx-auto mb-4 {widthClasses.class} px-1"
-					in:fly={{ y: 10, duration: 250 }}
-				>
+				<div class="pointer-events-auto mx-auto mb-4 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">