From 16fcb29197108be334ead100c50cbd09a7ddb971 Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sat, 14 Mar 2026 08:03:48 +0000
Subject: [PATCH] fix: use widthClasses in ChatScreenForm

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

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenForm.svelte b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenForm.svelte
index 086044e8c4..02cf370b37 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenForm.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenForm.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { afterNavigate } from '$app/navigation';
 	import { ChatFormHelperText, ChatForm } from '$lib/components/app';
+	import { chatWidthClasses } from '$lib/stores/chat.svelte';
 	import { onMount } from 'svelte';
 
 	interface Props {
@@ -48,6 +49,7 @@
 		onSystemPromptAdd?.({ message, files: uploadedFiles });
 	}
 
+	let widthClasses = $derived(chatWidthClasses());
 	let hasLoadingAttachments = $derived(uploadedFiles.some((f) => f.isLoading));
 
 	async function handleSubmit() {
@@ -102,7 +104,7 @@
 	});
 </script>
 
-<div class="relative mx-auto max-w-[48rem]">
+<div class="relative mx-auto {widthClasses.class}" style={widthClasses.style}>
 	<ChatForm
 		bind:this={chatFormRef}
 		bind:value={message}