style(everything): fuck you

web-app/src/components/ui/chat/chat-window.jsx

@@ -1,11 +1,10 @@
 import React, { useRef, useEffect } from "react";
 
-
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
   return (
     <div
-      className={`flex ${isUser ? "justify-end" : "justify-start"} px-4 py-2`}
+      className={`flex ${isUser ? "justify-end" : "justify-start"} px-4 py-8`}
     >
       <div
         className={`max-w-[70%] p-3 rounded-lg ${isUser ? "bg-indigo-600 text-white" : "bg-slate-700 text-slate-100"}`}
@@ -17,22 +16,13 @@ function MessageBubble({ message }) {
 }
 
 export default function ChatWindow({ messages }) {
-  const chatRef = useRef(null);
-  // Auto-scroll to bottom when new messages appear
-  useEffect(() => {
-    chatRef.current?.scrollTo({
-      top: chatRef.current.scrollHeight,
-      behavior: "smooth",
-    });
-  }, [messages]);
-
   return (
-    <main className="flex-1 overflow-auto p-2 bg-gradient-to-b from-slate-900 to-slate-800">
+    <div className="flex-1 overflow-auto p-2">
       <div className="space-y-2">
         {messages.map((m, i) => (
           <MessageBubble key={i} message={m} />
         ))}
       </div>
-    </main>
+    </div>
   );
 }