diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index 258e5c1..8d7041a 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -23,8 +23,8 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div class="flex flex-col place-content-around h-full">
-        <div class="flex flex-col">
+    <div class="flex flex-col">
+        <div class="flex flex-col flex-1 overflow-x-scroll">
             <p v-for="message in messages" :key="message.id">
                 {{ message.text }}
             </p>