From 0e40f8a10fbd1e3de06d82b9a86ca77989f0ab48 Mon Sep 17 00:00:00 2001
From: Nithin David Thomas <webofnithin@gmail.com>
Date: Tue, 9 Mar 2021 15:26:03 +0530
Subject: [PATCH] Fix: emoji box not showing up (#1873)

---
 .../components/widgets/conversation/ConversationBox.vue       | 4 +---
 .../components/widgets/conversation/ConversationHeader.vue    | 4 ++++
 2 files changed, 5 insertions(+), 3 deletions(-)

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>