Update static/script.js

static/script.js

@@ -134,12 +134,17 @@ const userInput = document.getElementById("userInput");
 const chatContainer = document.getElementById("chatContainer");
 
 function appendMessage(role, text) {
+  const wrapper = document.createElement("div");
+  wrapper.className = `flex ${role === "user" ? "justify-end" : "justify-start"}`;
+
   const div = document.createElement("div");
   div.className = `p-3 rounded shadow max-w-2xl whitespace-pre-wrap break-words ${
-    role === "user" ? "bg-blue text-fg0 self-end" : "bg-green text-fg0 self-start"
+    role === "user" ? "bg-blue text-fg0" : "bg-green text-fg0"
   }`;
+
   div.textContent = text;
-  chatContainer.appendChild(div);
+  wrapper.appendChild(div);
+  chatContainer.appendChild(wrapper);
   chatContainer.scrollTop = chatContainer.scrollHeight;
 }