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>