From 7ebb152e1609d3dfb9a85f23865ee8592c646be5 Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Mon, 10 Feb 2025 09:44:17 -0500
Subject: [PATCH] fix: Vertical overflow issue

---
 src/routes/(main)/channel/[channel]/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(main)/channel/[channel]/+page.svelte b/src/routes/(main)/channel/[channel]/+page.svelte
index 39d7e35..a2d6756 100644
--- a/src/routes/(main)/channel/[channel]/+page.svelte
+++ b/src/routes/(main)/channel/[channel]/+page.svelte
@@ -63,10 +63,10 @@
 
 <MessageLengthDialog messageLength={msg.length} bind:showDialog />
 
-<div class="flex h-full flex-1 flex-col items-center justify-center gap-1 rounded-lg shadow-sm">
-  <div class="relative size-full flex-grow rounded-lg border">
+<div class="flex h-full flex-col items-center justify-center gap-1 rounded-lg shadow-sm">
+  <div class="relative flex size-full h-full w-full flex-auto flex-grow flex-col-reverse overflow-x-hidden overflow-y-scroll rounded-lg border">
     {#if data.messages.length != 0 || socket?.messages.length != 0}
-      <div class="flex size-full flex-auto flex-col-reverse overflow-x-hidden overflow-y-scroll">
+      <div class="">
         {@render message(socket?.messages ?? [])}
         {@render message(data.messages)}
       </div>