diff --git a/stylesheets/_modal.scss b/stylesheets/_modal.scss index 8446da1a3..43c27d01d 100644 --- a/stylesheets/_modal.scss +++ b/stylesheets/_modal.scss @@ -210,7 +210,6 @@ display: flex; align-items: center; justify-content: center; - margin-right: -20px; // offsets the edit icon button so it's centered p { font-size: $session-font-md; diff --git a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx index 79087629d..a49f084f1 100644 --- a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx +++ b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx @@ -51,6 +51,7 @@ const StyledMessageWithAuthor = styled.div` display: flex; flex-direction: column; min-width: 0; + gap: var(--margins-xs); `; export const MessageContentWithStatuses = (props: Props) => { diff --git a/ts/components/conversation/message/message-item/MessageRequestResponse.tsx b/ts/components/conversation/message/message-item/MessageRequestResponse.tsx index 4e84b1d7b..23076369c 100644 --- a/ts/components/conversation/message/message-item/MessageRequestResponse.tsx +++ b/ts/components/conversation/message/message-item/MessageRequestResponse.tsx @@ -39,7 +39,7 @@ export const MessageRequestResponse = (props: PropsForMessageRequestResponse) => id={`msg-${messageId}`} > - + );