From 5ef33f2adcd34df48c6347f7edf8e5cc5eb072fc Mon Sep 17 00:00:00 2001
From: HoonBaek <hoon@sendbird.com>
Date: Thu, 28 Oct 2021 12:47:31 +0900
Subject: [PATCH] Make quote message have only two lines

---
 src/ui/QuoteMessage/index.scss             | 4 +++-
 src/ui/ThumbnailMessageItemBody/index.scss | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/ui/QuoteMessage/index.scss b/src/ui/QuoteMessage/index.scss
index 4600abbf7..2b4f46198 100644
--- a/src/ui/QuoteMessage/index.scss
+++ b/src/ui/QuoteMessage/index.scss
@@ -50,7 +50,9 @@
         background-color: t(bg-1);
       }
       .sendbird-quote-message__replied-message__text-message__word {
-        max-height: 32px;
+        position: relative;
+        display: inline-flex;
+        max-height: 30px;
         overflow: hidden;
         text-overflow: ellipsis;
       }
diff --git a/src/ui/ThumbnailMessageItemBody/index.scss b/src/ui/ThumbnailMessageItemBody/index.scss
index 32b4d94bd..e65ccf999 100644
--- a/src/ui/ThumbnailMessageItemBody/index.scss
+++ b/src/ui/ThumbnailMessageItemBody/index.scss
@@ -2,7 +2,7 @@
 
 .sendbird-thumbnail-message-item-body {
   position: relative;
-  display: inline-block;
+  display: block;
   box-sizing: border-box;
   overflow: hidden;
   width: 100%;