Okay this is the fix, please don't judge me for how long this took for me too look at, I think I really should just set a fixed height for the parent container.

nginx/vue/src/components/util/Chat.vue

@@ -80,7 +80,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div>
+    <div class="flex-col flex">
         <Header>Chat</Header>
         <div ref="messagesContainer" class="flex flex-col overflow-y-auto p-2">
             <p v-for="message in messages" :key="message.id">