diff --git a/app/soapbox/components/status-reaction-wrapper.tsx b/app/soapbox/components/status-reaction-wrapper.tsx index 95323f24d..47677e157 100644 --- a/app/soapbox/components/status-reaction-wrapper.tsx +++ b/app/soapbox/components/status-reaction-wrapper.tsx @@ -105,14 +105,16 @@ const StatusReactionWrapper: React.FC = ({ statusId, chi ref: setReferenceElement, })} - - - + {visible && ( + + + + )} ); }; diff --git a/app/soapbox/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx b/app/soapbox/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx index ccfb16d81..03cbf23a7 100644 --- a/app/soapbox/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx +++ b/app/soapbox/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx @@ -37,16 +37,18 @@ function ChatMessageReactionWrapper(props: IChatMessageReactionWrapper) { onClick: onToggleVisibility, })} - - setIsOpen(false)} - offset={[-10, 12]} - all={false} - /> - + {isOpen && ( + + setIsOpen(false)} + offset={[-10, 12]} + all={false} + /> + + )} ); }