diff --git a/static/style.css b/static/style.css
index a9afac3..c3ed9e7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -9,6 +9,8 @@ body {
 body.chat-page {
     height: 100vh;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
 }
 
 main {
@@ -20,8 +22,8 @@ main {
 
 body.chat-page main {
     padding: 0;
-    margin-top: 3em;
-    height: calc(100vh - 3em);
+    flex: 1;
+    min-height: 0;
 }
 
 main > header {
@@ -365,6 +367,7 @@ p.thread-info {
     border-radius: 0;
     background-color: #fef6e4;
     box-shadow: none;
+    overflow: hidden;
 }
 
 .chat-header {
@@ -372,6 +375,7 @@ p.thread-info {
     text-align: center;
     border-bottom: 1px solid #001858;
     position: relative;
+    flex-shrink: 0;
 }
 
 .connection-status {
@@ -520,6 +524,7 @@ p.thread-info {
     border-bottom: 1px solid #001858;
     font-size: 0.85em;
     text-align: left;
+    flex-shrink: 0;
 }
 
 .chat-breadcrumb a {
@@ -626,6 +631,7 @@ p.thread-info {
     border-top: 1px solid #001858;
     display: flex;
     flex-direction: column;
+    flex-shrink: 0;
 }
 
 .chat-input textarea {