diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index 509f705..1a99338 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -80,9 +80,9 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div class="flex-col flex">
+    <div class="flex-col flex h-full overflow-hidden">
         <Header>Chat</Header>
-        <div class="flex-col flex flex-1">
+        <div class="flex-col flex min-h-0 flex-1">
             <div
                 ref="messagesContainer"
                 class="flex flex-col flex-1 overflow-y-auto p-2"
diff --git a/nginx/vue/src/views/home/Home.vue b/nginx/vue/src/views/home/Home.vue
index 29e3825..3e1a63c 100644
--- a/nginx/vue/src/views/home/Home.vue
+++ b/nginx/vue/src/views/home/Home.vue
@@ -31,7 +31,7 @@ import Consumption from "./Consumption.vue";
                 <div
                     class="flex flex-col background-children border-children gap-2"
                 >
-                    <Chat class="h-306 overflow-y-scroll" />
+                    <Chat class="h-306" />
                 </div>
                 <div>
                     <Miku class="border-tertiary border bg-bg_secondary" />