From cb7c9160bf27afdd1d5267be5729327d7108dee3 Mon Sep 17 00:00:00 2001
From: Masna Bin Umeed <masnabinumeed@gmail.com>
Date: Thu, 5 Dec 2024 12:02:18 +0500
Subject: [PATCH] align bubbles to bottom of the chat

---
 app/chat/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/chat/page.tsx b/app/chat/page.tsx
index d0f08bb..f8384c0 100644
--- a/app/chat/page.tsx
+++ b/app/chat/page.tsx
@@ -198,8 +198,8 @@ export default function ChatPage() {
         </div>
 
         {/* Messages container */}
-        <div className="min-h-0 flex-1 overflow-y-auto">
-          <div className="mx-auto flex max-w-2xl flex-col p-4">
+        <div className="flex min-h-0 flex-1 overflow-y-auto">
+          <div className="mx-auto flex max-w-2xl flex-col p-4 mt-auto">
             {isClient && messages.map((message) => (
               <ChatBubble
                 key={message.id}