From 6d1ad051fe4826355bcadae52a000e62ec648abb Mon Sep 17 00:00:00 2001
From: Nuwan <nuwanchaturanga@gmail.com>
Date: Sat, 19 Oct 2024 16:03:02 +0530
Subject: [PATCH] fix alignment issues inside message modal contents

---
 jam-ui/src/components/profile/JKMessageModal.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/jam-ui/src/components/profile/JKMessageModal.js b/jam-ui/src/components/profile/JKMessageModal.js
index 858c90dea..bb527a4f0 100644
--- a/jam-ui/src/components/profile/JKMessageModal.js
+++ b/jam-ui/src/components/profile/JKMessageModal.js
@@ -151,13 +151,13 @@ const JKMessageModal = props => {
           >
             { isIterableArray(messages) && 
               messages.map((message, index) => (
-                <div className="d-flex mb-3 mr-1 text-message-row" key={message.id}>
-                  <div className="avatar avatar-2xl d-inline-block mr-2">
+                <div className="d-flex mb-3 mr-1 text-message-row d-inline-block" key={message.id}>
+                  <div className="avatar avatar-2xl">
                     <JKProfileAvatar
                       src={message.receiverId === currentUser.id ?  userPhotoUrl : currentUserPhotoUrl }
                     />
                   </div>
-                  <div className="d-inline-block">
+                  <div style={{ width: "90%"}}>
                     <div className="d-flex flex-column">
                       <div>
                         <strong>{message.senderName}</strong>