From 7b061f7e870d73abb05efa9bc0ee02dc3253cf80 Mon Sep 17 00:00:00 2001
From: Liam Hongman Cho <liam.cho@sendbird.com>
Date: Mon, 1 Apr 2024 13:33:30 +0900
Subject: [PATCH 1/2] Move timestamp to bottom left for carousel

---
 src/ui/MessageContent/index.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/MessageContent/index.scss b/src/ui/MessageContent/index.scss
index f9862aa0a..17c4a08af 100644
--- a/src/ui/MessageContent/index.scss
+++ b/src/ui/MessageContent/index.scss
@@ -100,7 +100,7 @@
       .ui_container_type__default-carousel {
         min-width: fit-content;
         bottom: -16px;
-        right: 0px;
+        left: 0px;
       }
       .ui_container_type__wide {
         min-width: fit-content;

From ee5643da4880478c2d3c87f7e98a5061a063223d Mon Sep 17 00:00:00 2001
From: Liam Hongman Cho <liam.cho@sendbird.com>
Date: Mon, 1 Apr 2024 17:27:37 +0900
Subject: [PATCH 2/2] remove unused and minor fix

---
 src/ui/MessageContent/index.scss | 31 ++++---------------------------
 1 file changed, 4 insertions(+), 27 deletions(-)

diff --git a/src/ui/MessageContent/index.scss b/src/ui/MessageContent/index.scss
index 17c4a08af..0fb6d9123 100644
--- a/src/ui/MessageContent/index.scss
+++ b/src/ui/MessageContent/index.scss
@@ -1,12 +1,5 @@
 @import '../../styles/variables';
 
-.sendbird-msg-hoc > .ui_container_type__full {
-  @include mobile() {
-    padding: 0;
-    width: 100%;
-  }
-}
-
 .sendbird-message-content {
   display: inline-flex;
   flex-direction: row;
@@ -35,12 +28,6 @@
     }
   }
 
-  .ui_container_type__full {
-    @include mobile() {
-      max-width: 100%;
-    }
-  }
-
   .sendbird-message-content__middle {
     .sendbird-message-content__middle__quote-message.use-quote {
       bottom: -8px;
@@ -100,17 +87,12 @@
       .ui_container_type__default-carousel {
         min-width: fit-content;
         bottom: -16px;
-        left: 0px;
+        left: 2px;
       }
       .ui_container_type__wide {
         min-width: fit-content;
         bottom: -16px;
-        right: 0px;
-      }
-      .ui_container_type__full {
-        min-width: fit-content;
-        bottom: -16px;
-        right: 0px;
+        right: 2px;
       }
     }
 
@@ -264,17 +246,12 @@
       .ui_container_type__default-carousel {
         min-width: fit-content;
         bottom: -20px;
-        left: 0px;
+        left: 2px;
       }
       .ui_container_type__wide {
         min-width: fit-content;
         bottom: -20px;
-        left: 0px;
-      }
-      .ui_container_type__full {
-        min-width: fit-content;
-        bottom: -20px;
-        left: 0px;
+        left: 2px;
       }
     }
   }