From 8f9571a5c283ac684a5016d2b0df90a11813c14e Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sat, 14 Mar 2026 06:53:13 +0000
Subject: [PATCH] refactor: use derived on chatWidthClasses for consistency

---
 .../src/lib/components/app/chat/ChatForm/ChatForm.svelte      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
index e68838308c..1cd7c3018c 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
@@ -125,6 +125,8 @@
 	 *
 	 */
 
+    let widthClasses = $derived(chatWidthClasses());
+
 	// Configuration
 	let currentConfig = $derived(config());
 	let pasteLongTextToFileLength = $derived.by(() => {
@@ -574,7 +576,7 @@
 	/>
 
 	<div
-		class="{INPUT_CLASSES} mx-auto {chatWidthClasses()
+		class="{INPUT_CLASSES} mx-auto {widthClasses
 			.class} overflow-hidden rounded-3xl backdrop-blur-md {disabled
 			? 'cursor-not-allowed opacity-60'
 			: ''}"