diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss
index 7b4dd37fec..430319d95f 100644
--- a/src/components/chat/chat.scss
+++ b/src/components/chat/chat.scss
@@ -13,12 +13,13 @@
   }
 
   .chat-view-body {
+    box-sizing: border-box;
     background-color: var(--chatBg, $fallback--bg);
     display: flex;
     flex-direction: column;
     width: 100%;
     overflow: visible;
-    min-height: 100%;
+    min-height: calc(100vh - var(--navbar-height));
     margin: 0 0 0 0;
     border-radius: 10px 10px 0 0;
     border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;