diff --git a/src/lib/server/db/index.ts b/src/lib/server/db/index.ts
index 7105783..2b7640c 100644
--- a/src/lib/server/db/index.ts
+++ b/src/lib/server/db/index.ts
@@ -45,7 +45,7 @@ async function getMessages(client: cassandra.Client, channelName: string, limit:
     const res = await client.execute(
       `SELECT * FROM channels.channel_${channelName} WHERE channel_name = '${channelName}' ORDER BY timestamp DESC LIMIT ${limit}`,
     );
-    return reverseArray(res.rows);
+    return res.rows;
   } catch (e) {
     // @ts-expect-error I don't like this thing yelling at me
     console.log(`Error fetching messages: ${e.message}`);
diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 1248143..bc7d93c 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -3,7 +3,7 @@ import type { TypeMessage } from '$lib';
 import { getMessages, client } from '$lib/server/db';
 
 export const load: PageLoad = async () => {
-  const rows = await getMessages(client, '000', 5);
+  const rows = await getMessages(client, '000', 50);
   const messages: TypeMessage[] = rows
     ? rows.map((value) => {
         return {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5d77c12..1951340 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -46,13 +46,13 @@
 {/snippet}
 
 <main class="h-full flex flex-col">
-  <div class="flex-grow flex-auto overflow-y-scroll mx-2 mt-2 mb-1 rounded-lg bg-base-200 border-2 border-base-300">
-    <div class="w-full">
-      <h1 class="text-center text-base-content text-2xl"><span class="text-primary">SV</span>Chat</h1>
-      <hr class="w-11/12 border-primary border-1 mx-auto" />
-    </div>
-    {@render message(data.messages)}
+  <div class="w-full">
+    <h1 class="text-center text-base-content text-2xl"><span class="text-primary">SV</span>Chat</h1>
+    <hr class="w-11/12 border-primary border-1 mx-auto" />
+  </div>
+  <div class="flex-grow flex-col-reverse flex flex-auto overflow-y-scroll overflow-x-hidden mx-2 mt-2 mb-1 rounded-lg bg-base-200 border-2 border-base-300">
     {@render message(log)}
+    {@render message(data.messages)}
   </div>
   <form class="flex mb-2 mx-2 mt-1" onsubmit={sendMessage}>
     <input type="text" placeholder="Type here" class="input border-base-300 w-5/6 mr-1 border-2" bind:value={msg} />