diff --git a/app/components/message_attachments/message_attachment.js b/app/components/message_attachments/message_attachment.js index e157a3bcd..19fd18e25 100644 --- a/app/components/message_attachments/message_attachment.js +++ b/app/components/message_attachments/message_attachment.js @@ -65,7 +65,7 @@ export default class MessageAttachment extends PureComponent { } return ( - + - + - + ); } } diff --git a/app/components/post_body/post_body.js b/app/components/post_body/post_body.js index 7f372d24c..d16f529c3 100644 --- a/app/components/post_body/post_body.js +++ b/app/components/post_body/post_body.js @@ -189,17 +189,15 @@ export default class PostBody extends PureComponent { } return ( - - - + ); }; @@ -323,66 +321,57 @@ export default class PostBody extends PureComponent { let body; let messageComponent; if (hasBeenDeleted) { - messageComponent = ( - - - + body = ( + ); - body = ({messageComponent}); } else if (isPostAddChannelMember) { messageComponent = this.renderAddChannelMember(style, messageStyle, textStyles); } else if (postType === Posts.POST_TYPES.COMBINED_USER_ACTIVITY) { const {allUserIds, allUsernames, messageData} = postProps.user_activity; messageComponent = ( - - - + ); } else if (isEmojiOnly) { messageComponent = ( - - - + ); } else if (message.length) { messageComponent = ( - - - - + + ); } @@ -437,6 +426,11 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => { messageBody: { paddingBottom: 2, paddingTop: 2, + width: '100%', + }, + messageContainer: { + overflow: 'hidden', + width: '100%', }, retry: { justifyContent: 'center',