diff --git a/css/main.css b/css/main.css
index d916db44..4c7dc689 100644
--- a/css/main.css
+++ b/css/main.css
@@ -342,20 +342,20 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
 }
 
 .chat-parent {
-    height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta));
+    height: calc(100dvh - 98px - var(--header-height) - var(--input-delta));
     overflow: auto !important;
     border-radius: 0 0 8px 8px !important;
-    margin-bottom: var(--my-delta) !important;
+    margin-bottom: var(--input-delta) !important;
 }
 
 .old-ui .chat-parent {
-    height: calc(100dvh - 192px - var(--chat-input-offset) - var(--my-delta));
-    margin-bottom: var(--my-delta) !important;
+    height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
+    margin-bottom: var(--input-delta) !important;
 }
 
 .chat-parent.bigchat {
-    height: calc(100dvh - 98px - var(--chat-input-offset) - var(--my-delta)) !important;
-    margin-bottom: var(--my-delta) !important;
+    height: calc(100dvh - 98px - var(--header-height) - var(--input-delta)) !important;
+    margin-bottom: var(--input-delta) !important;
 }
 
 .chat > .messages {
diff --git a/js/main.js b/js/main.js
index 34064774..f586d421 100644
--- a/js/main.js
+++ b/js/main.js
@@ -340,12 +340,12 @@ 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`);
+  document.documentElement.style.setProperty('--input-delta', `${chatInputHeight - 40}px`);
 
   // Set the position offset of the chat input box
   const header = document.querySelector('.header_bar');
-  const chatInputOffset = `${header.clientHeight}px`;
-  document.documentElement.style.setProperty('--chat-input-offset', chatInputOffset);
+  const headerHeight = `${header.clientHeight}px`;
+  document.documentElement.style.setProperty('--header-height', headerHeight);
 
   // Offset the scroll position of the chat area
   if (chatInputHeight !== currentChatInputHeight) {