Update ChatDetail.tsx

components/dashboard/ChatDetail.tsx

@@ -397,7 +397,7 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
         </div>
       </div>
       
-      <div className="flex-1 overflow-y-auto p-2 space-y-2 pb-[58px]">
+      <div className="flex-1 overflow-y-auto p-2 space-y-2 pb-[80px]">
         {chat.messages.length === 0 ? (
           <div className="h-full flex items-center justify-center">
             <p className="text-muted-foreground">No messages yet. Send one to start the conversation.</p>
@@ -407,7 +407,7 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
             <div
               key={msg._id || messageIndex}
               className={cn(
-                "flex",
+                "flex mb-4",
                 msg.sender === "vendor" ? "justify-end" : "justify-start"
               )}
             >