align bubbles to bottom of the chat

codeforpakistan · Dec 5, 2024 · cb7c916 · cb7c916
1 parent be87c1d
commit cb7c916
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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}