From 30244f79a6d72c678e459d235187903ff9dcdab1 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Mon, 4 Oct 2021 10:19:44 +0530
Subject: [PATCH] fixes: Reply box goes hidden and emoji input header section
 is broken. (#3121)

---
 .../dashboard/assets/scss/widgets/_conversation-view.scss       | 2 +-
 app/javascript/shared/components/emoji/EmojiInput.vue           | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
index f2c156542..f6965c493 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
@@ -93,7 +93,7 @@
 
 .conversation-panel {
   @include flex;
-  @include flex-weight(1);
+  @include flex-weight(1 1 1px);
   @include margin($zero);
   flex-direction: column;
   height: 100%;
diff --git a/app/javascript/shared/components/emoji/EmojiInput.vue b/app/javascript/shared/components/emoji/EmojiInput.vue
index 91a68b9a9..eb71ac73f 100644
--- a/app/javascript/shared/components/emoji/EmojiInput.vue
+++ b/app/javascript/shared/components/emoji/EmojiInput.vue
@@ -133,6 +133,7 @@ $font-size-medium: 18px;
   ul {
     display: flex;
     list-style: none;
+    overflow: auto;
     margin: 0;
     padding: $space-smaller 0 0;