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}`}
>
-
+
);