diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
index 32471638c..587f78304 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
@@ -80,9 +80,7 @@ export default {
   display: flex;
   background: var(--color-background-light);
   margin: 0;
-  height: auto;
-  flex: 1 1;
-  overflow: hidden;
+  height: calc(100vh - var(--space-jumbo));
 }
 
 .conversation-sidebar-wrap {
diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
index d12d26657..e8f032a36 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationHeader.vue
@@ -133,4 +133,8 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+.conv-header {
+  flex: 0 0 var(--space-jumbo);
+}
 </style>