From 3695f6b83320089ff822e3c1874de361f7df5c15 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Tue, 26 Aug 2025 00:47:57 +0200
Subject: [PATCH] Slightly improved geometry

---
 src/components/MessageBox.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MessageBox.tsx b/src/components/MessageBox.tsx
index 8704b73..cb28a20 100644
--- a/src/components/MessageBox.tsx
+++ b/src/components/MessageBox.tsx
@@ -22,8 +22,8 @@ function Message() {
 
 export default function MessageBox() {
   return (
-    <div className="h-screen w-full flex flex-col p-5">
-      <div className="w-full flex-1 overflow-y-scroll flex flex-col gap-2">
+    <div className="h-screen w-full flex flex-col p-5 gap-5">
+      <div className="w-full flex-1 overflow-y-scroll flex gap-2 flex-col-reverse">
         {Array.from({ length: 50 }).map((_, i) => (
           <Message key={i} />
         ))}