diff --git a/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.js b/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.js
index 04b07f1eb501c354cdbbdc1cac2b7176ae11c889..e4bd8594831f207389ca869b00058d1755f15986 100644
--- a/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.js
+++ b/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.js
@@ -34,8 +34,8 @@ class ImageType extends Component {
     let maxHeight = 0;
     if (image && image.RESOLUTION && image.RESOLUTION.value) {
       const resolution = image.RESOLUTION.value.split(":");
-      imageWidth = resolution && resolution[0] ? resolution[0] : 0;
-      imageHeight = resolution && resolution[1] ? resolution[1] : 0;
+      imageWidth = resolution && resolution[0] ? parseInt(resolution[0]) : 0;
+      imageHeight = resolution && resolution[1] ? parseInt(resolution[1]) : 0;
       if (imageWidth > imageHeight) {
         maxWidth = 346;
         maxHeight = 225;
diff --git a/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.styles.js b/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.styles.js
index 4702efe2e39f0d2645baacfdb6ffaf74dac83669..1209aa8c48292aedb763f669626a3e9a526e5909 100644
--- a/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.styles.js
+++ b/src/componets/ChatComponents/ChatMsgBlocks/ImageType/ImageType.styles.js
@@ -129,14 +129,14 @@ export default (theme, scrollWidth, avatarPic) => ({
   uploadBox: {
     position: 'relative',
     overflow: 'hidden',
-    borderRadius: '5px 5px 0 5px'
+    borderRadius: '6px 6px 0 6px'
   },
   photoWrap: {
     overflow: 'hidden',
     minWidth: 150,
     minHeight: 126,
     border: '2px solid #ffffff',
-    borderRadius: '5px 5px 5px 5px',
+    borderRadius: '6px 6px 6px 6px',
     background: '#151619',
     display: 'flex',
     '& img': {
diff --git a/src/containers/ReplyContainer/ReplyContainer.js b/src/containers/ReplyContainer/ReplyContainer.js
index 8fd346b9308a3c3bd57da416df437094efbaf57f..800d3a9ff0c09a68db1c791bf2367e0f17981abf 100644
--- a/src/containers/ReplyContainer/ReplyContainer.js
+++ b/src/containers/ReplyContainer/ReplyContainer.js
@@ -41,7 +41,10 @@ class ReplyContainer extends Component {
     let replyData;
     let fromUser;
     let replyDataCount;
+    let message;
+    let imageWidth;
     let ellipsis = '';
+    let nameStyle;
     const {
       classes, child, getMessageByIdForP2P, getMessageByIdForRoom, getContactById, getMemberById,
       getRoom, roomId
@@ -53,7 +56,6 @@ class ReplyContainer extends Component {
 
     if (childProps.link && !Array.isArray(childProps.link)) {
       try {
-        let message;
         if (childProps.message.feed_id.tup === 'p2p') {
           message = (childProps && childProps.link && childProps.link.tup == 'Message') ? childProps.link : getMessageByIdForP2P(childProps.link);
           fromUser = getContactById(message.from);
@@ -102,6 +104,25 @@ class ReplyContainer extends Component {
         }
       }
 
+      if (message && childProps.image && childProps.image.RESOLUTION) {
+        let realImageWidth = parseInt(childProps.image.RESOLUTION.value.split(':')[0]);
+        let realImageHeight = parseInt(childProps.image.RESOLUTION.value.split(':')[1]);
+        const minImageWidth = 150;
+        let maxImageWidth = 346;
+        if (realImageWidth < realImageHeight) {
+          maxImageWidth = 225;
+        }
+        if (realImageWidth < minImageWidth) {
+          imageWidth = minImageWidth;
+        } else if (realImageWidth > minImageWidth && realImageWidth < maxImageWidth) {
+          imageWidth = realImageWidth;
+        } else {
+          imageWidth = maxImageWidth
+        }
+      }
+
+      nameStyle = imageWidth ? { width: `${imageWidth}` } : { width: `unset` }
+
       return (
         <div className={`${classes.replyWrap} message-reply-wrap`}>
           {sendUser != '' &&
@@ -112,7 +133,7 @@ class ReplyContainer extends Component {
               <p className={classes.userName}> {sendUser} </p>
             </span>
           }
-          <p className={classes.replyName}>{userNames}</p>
+          <p className={classes.replyName} style={nameStyle}>{userNames} </p>
           <div className={classes.replyMessage}>
             {!isGroup ?
               replyDataView
diff --git a/src/containers/ReplyContainer/ReplyContainer.styles.js b/src/containers/ReplyContainer/ReplyContainer.styles.js
index 8aafe963582831a11dff6590ffb8fbfacb3eeaae..689a577f2ef04945f4e9ee2491b8a3f8b3f45ab6 100644
--- a/src/containers/ReplyContainer/ReplyContainer.styles.js
+++ b/src/containers/ReplyContainer/ReplyContainer.styles.js
@@ -1,6 +1,5 @@
 export default theme => ({
   replyWrap: {
-    padding: 3,
     clear: 'both',
     float: 'right',
     color: '#292a2f',
@@ -39,7 +38,10 @@ export default theme => ({
   replyName: {
     color: '#107C5C',
     fontWeight: 'bold',
-    paddingLeft: 7
+    paddingLeft: 7,
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis'
   },
   replyMessage: {
     width: '100%',