fix: change reaction container to use group avatar list margin width

4 months ago · 3a4ff83e86
parent 8019cb43a5
commit 3a4ff83e86
1 changed files with 1 additions and 1 deletions
--- a/ts/components/conversation/message/message-content/MessageReactions.tsx
+++ b/ts/components/conversation/message/message-content/MessageReactions.tsx
@ -27,7 +27,7 @@ export const StyledMessageReactionsContainer = styled(Flex)<{
  }

  // MessageAvatar width + margin-inline-end
-  ${props => !props.noAvatar && 'margin-inline-start: calc(36px + 20px);'}
+  ${props => !props.noAvatar && 'margin-inline-start: var(--width-avatar-group-msg-list);'}
 `;

 export const StyledMessageReactions = styled(Flex)<{ fullWidth: boolean }>`