From 1677b576a06f4a5e8370096929827ccd08453b1c Mon Sep 17 00:00:00 2001
From: akanshaaaa19 <asakhre2002@gmail.com>
Date: Thu, 18 Apr 2024 10:38:27 +0530
Subject: [PATCH 1/2] fixed the buttons in interactive messages

---
 .../Chat/ChatMessages/ChatMessage/ChatMessage.module.css         | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css b/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css
index ca018b7fb..de7eedda5 100644
--- a/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css
+++ b/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css
@@ -232,6 +232,7 @@
 
 .InteractiveContent {
   padding: 0px !important;
+  min-width: 284px;
 }
 
 .Label {

From a99186284d978e6be664a2c8d4f47cf3ff7d91ff Mon Sep 17 00:00:00 2001
From: akanshaaaa19 <asakhre2002@gmail.com>
Date: Thu, 18 Apr 2024 16:10:43 +0530
Subject: [PATCH 2/2] fixed width of messages

---
 .../Chat/ChatMessages/ChatMessage/ChatMessage.module.css     | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css b/src/containers/Chat/ChatMessages/ChatMessage/ChatMessage.module.css
index de7eedda5..1c01b663d 100644
--- 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 {