diff --git a/css/main.css b/css/main.css
index 937c1052..d916db44 100644
--- a/css/main.css
+++ b/css/main.css
@@ -342,17 +342,20 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 }
 
 .chat-parent {
-    height: calc(100dvh - 98px - var(--chat-input-offset));
+    height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta));
     overflow: auto !important;
     border-radius: 0 0 8px 8px !important;
+    margin-bottom: var(--my-delta) !important;
 }
 
 .old-ui .chat-parent {
-    height: calc(100dvh - 192px - var(--chat-input-offset));
+    height: calc(100dvh - 192px - var(--chat-input-offset) - var(--my-delta));
+    margin-bottom: var(--my-delta) !important;
 }
 
 .chat-parent.bigchat {
-    height: calc(100dvh - 98px - var(--chat-input-offset)) !important;
+    height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta)) !important;
+    margin-bottom: var(--my-delta) !important;
 }
 
 .chat > .messages {
diff --git a/js/main.js b/js/main.js
index 35fe99d5..34064774 100644
--- a/js/main.js
+++ b/js/main.js
@@ -340,6 +340,7 @@ function updateCssProperties() {
   const chatInputHeight = document.querySelector('#chat-input textarea').clientHeight;
   const newChatHeight = `${chatContainer.clientHeight - chatInputHeight + 40}px`;
   document.documentElement.style.setProperty('--chat-height', newChatHeight);
+  document.documentElement.style.setProperty('--my-delta', `${chatInputHeight - 40}px`);
 
   // Set the position offset of the chat input box
   const header = document.querySelector('.header_bar');