diff --git a/public/styles.css b/public/styles.css
index def9b38..52811f6 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -587,7 +587,8 @@ body.theme-light .md-pre { background: #f3f4f6; border-color: rgba(15,23,42,.08)
     height: 100dvh;
     min-height: 0;
     overflow: hidden;
-    grid-template-rows: auto minmax(0, 1fr) auto;
+    display: flex;
+    flex-direction: column;
   }
   .topbar {
     gap: 8px;
@@ -623,6 +624,8 @@ body.theme-light .md-pre { background: #f3f4f6; border-color: rgba(15,23,42,.08)
 
   .messages {
     height: 100%;
+    flex: 1 1 0;
+    min-height: 0;
     -webkit-overflow-scrolling: touch;
   }
   .empty-state,