From 3a4ff83e8611650aa653ea14f27f0ce1f5de85e6 Mon Sep 17 00:00:00 2001 From: Ryan Miller Date: Wed, 21 Feb 2024 14:14:34 +1100 Subject: [PATCH] fix: change reaction container to use group avatar list margin width --- .../conversation/message/message-content/MessageReactions.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ts/components/conversation/message/message-content/MessageReactions.tsx b/ts/components/conversation/message/message-content/MessageReactions.tsx index 0ce6a4fa1..bd2741e2e 100644 --- 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 }>`