diff --git a/src/components/gui/Chat.vue b/src/components/gui/Chat.vue
index 9f7bffd..3571a76 100644
--- a/src/components/gui/Chat.vue
+++ b/src/components/gui/Chat.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="chat-wrapper w-full h-full flex flex-col justify-end">
-    <div ref="chatWindow" class="chat-window w-full max-w-[750px] min-h-36 mb-5 overflow-y-auto bg-gray-300/80 rounded-lg border-2 border-solid border-cyan-200 p-4">
+  <div class="w-full h-full flex flex-col justify-end">
+    <div ref="chatWindow" class="w-[calc(100%_-_36px)] max-w-[750px] min-h-36 mb-5 overflow-y-auto bg-gray-300/80 rounded-lg border-2 border-solid border-cyan-200 p-4">
       <div v-for="message in chats" class="flex-col py-2 items-center">
         <span class="text-ellipsis overflow-hidden whitespace-nowrap text-sm text-gray-50">{{ message.character.name }}</span>
         <p class="text-sm m-0">{{ message.message }}</p>