diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx
index d1cc086..9c72b28 100644
--- a/src/components/MessageBox.tsx
+++ b/src/components/MessageBox.tsx
@@ -156,12 +156,12 @@ export default function MessageBox({
           </span>
         </header>
       )}
-      <div className="flex flex-col-reverse overflow-y-scroll">
+      <div className="mt-auto flex flex-col-reverse overflow-y-scroll">
         {messages.toReversed().map((msg) => (
           <MessageContainer key={msg.id} message={msg} app={app} />
         ))}
       </div>
-      <footer className="flex gap-3 pr-5 w-full mt-auto">
+      <footer className="flex gap-3 pr-5 w-full h-max">
         <Input
           className=""
           placeholder="Type a message..."