diff --git a/app/javascript/ui/MessageList.vue b/app/javascript/ui/MessageList.vue
index 376d8d72e..284f0421f 100644
--- a/app/javascript/ui/MessageList.vue
+++ b/app/javascript/ui/MessageList.vue
@@ -111,7 +111,7 @@ useInfiniteScroll(messageListRef, useThrottleFn(fetchMore, 1000), {
   <div class="relative h-full">
     <ul
       ref="messageListRef"
-      class="px-4 pt-4 flex flex-col-reverse pb-60 bg-n-background overflow-scroll h-full"
+      class="px-4 pt-4 flex flex-col-reverse pb-[297px] bg-n-background overflow-scroll h-full"
     >
       <div
         v-if="isAnyoneTyping"