From 858a837301062e571621a65b1e8c39351ef7a2f2 Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Thu, 28 Oct 2021 13:12:37 +0900
Subject: [PATCH] Apply position properties on quote message input component

---
 src/ui/QuoteMessageInput/index.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/ui/QuoteMessageInput/index.scss b/src/ui/QuoteMessageInput/index.scss
index 2f9ead102..6359b1822 100644
--- a/src/ui/QuoteMessageInput/index.scss
+++ b/src/ui/QuoteMessageInput/index.scss
@@ -26,13 +26,15 @@
   }
 
   .sendbird-quote_message_input__body {
-    width: 100%;
+    position: absolute;
+    width: calc(100% - 120px);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     overflow: hidden;
 
     .sendbird-quote_message_input__body__sender-name {
+      position: relative;
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -41,6 +43,7 @@
       margin-bottom: 8px;
     }
     .sendbird-quote_message_input__body__message-content {
+      position: relative;
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;