diff --git a/package.json b/package.json
index d61780aff..8c930fa74 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "session-desktop",
"productName": "Session",
"description": "Private messaging from your desktop",
- "version": "1.10.0",
+ "version": "1.10.1",
"license": "GPL-3.0",
"author": {
"name": "Oxen Labs",
diff --git a/ts/components/conversation/message/message-content/MessageReactions.tsx b/ts/components/conversation/message/message-content/MessageReactions.tsx
index 8a1d512b4..d42f79cef 100644
--- a/ts/components/conversation/message/message-content/MessageReactions.tsx
+++ b/ts/components/conversation/message/message-content/MessageReactions.tsx
@@ -21,8 +21,8 @@ const StyledMessageReactionsContainer = styled(Flex)<{ x: number; y: number }>`
}
`;
-export const StyledMessageReactions = styled(Flex)<{ inModal: boolean }>`
- ${props => (props.inModal ? '' : 'max-width: 320px;')}
+export const StyledMessageReactions = styled(Flex)<{ fullWidth: boolean }>`
+ ${props => (props.fullWidth ? '' : 'max-width: 640px;')}
`;
const StyledReactionOverflow = styled.button`
@@ -63,7 +63,7 @@ const Reactions = (props: ReactionsProps): ReactElement => {
container={true}
flexWrap={inModal ? 'nowrap' : 'wrap'}
alignItems={'center'}
- inModal={inModal}
+ fullWidth={inModal}
>
{reactions.map(([emoji, _]) => (
@@ -83,7 +83,7 @@ const CompressedReactions = (props: ExpandReactionsProps): ReactElement => {
container={true}
flexWrap={inModal ? 'nowrap' : 'wrap'}
alignItems={'center'}
- inModal={inModal}
+ fullWidth={true}
>
{reactions.slice(0, 4).map(([emoji, _]) => (
diff --git a/ts/components/dialog/ReactListModal.tsx b/ts/components/dialog/ReactListModal.tsx
index 4c5ac2375..b14e42ad6 100644
--- a/ts/components/dialog/ReactListModal.tsx
+++ b/ts/components/dialog/ReactListModal.tsx
@@ -55,6 +55,7 @@ const StyledReactionBar = styled(Flex)`
span:nth-child(1) {
margin: 0 8px;
color: var(--color-text);
+ white-space: nowrap;
}
span:nth-child(2) {