Merge pull request #2864 from glific/bug/message-buttons

Fixed the buttons in interactive messages
glific · Apr 19, 2024 · e7a785e · e7a785e
2 parents c9e0018 + 6dc9914
commit e7a785e
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css b/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css
@@ -45,6 +45,9 @@
   max-width: 404px;
   float: right;
   clear: both;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 }
 
 .MineColor {
@@ -156,6 +159,8 @@
   font-size: 10px;
   font-weight: 400;
   line-height: 17px;
+  text-align: end;
+  max-width: 284px;
 }
 
 .MessageDetailsSender {
@@ -232,6 +237,7 @@
 
 .InteractiveContent {
   padding: 0px !important;
+  min-width: 284px;
 }
 
 .Label {