fix styles

app/layout.tsx

@@ -53,7 +53,7 @@ export default function RootLayout(props: RootLayoutProps) {
         >
           <div className="flex flex-col min-h-screen">
             <Header />
-            <main className="flex max-h-[calc(100vh-64px)] flex-col flex-1 bg-muted/50 overflow-hidden">
+            <main className="flex py-8 h-[calc(100vh-64px)] bg-muted/50 overflow-hidden relative">
               {children}
             </main>
           </div>

components/chat/ChatClient.tsx

@@ -23,7 +23,7 @@ const ChatClient: React.FC<ChatClientProps> = ({ chat }) => {
 
   return (
     <div
-      className="h-full my-8 overflow-auto mx-auto max-w-5xl border rounded-lg relative"
+      className="h-full overflow-auto mx-auto max-w-full w-[800px] border rounded-lg"
       ref={scrollRef}
     >
       <div className="overflow-auto h-full pt-6 px-6" ref={messagesRef}>

components/chat/Composer.tsx

@@ -105,7 +105,7 @@ export function Composer({
           onChange={e => setInput(e.target.value)}
           placeholder={isLoading ? '🤖 ✨ ...' : 'Message Vision Agent'}
           spellCheck={false}
-          className="grow resize-none bg-transparent focus-within:outline-none text-sm"
+          className="w-full grow resize-none bg-transparent focus-within:outline-none text-sm"
         />
         {/* Stop / Regenerate Icon */}
         {/* <div className="absolute bottom-14 right-4">