diff --git a/src/components/middle/message/reactions/ReactionPicker.module.scss b/src/components/middle/message/reactions/ReactionPicker.module.scss index c1d18f2dd..873a0979f 100644 --- a/src/components/middle/message/reactions/ReactionPicker.module.scss +++ b/src/components/middle/message/reactions/ReactionPicker.module.scss @@ -34,7 +34,7 @@ transform: scale(1) !important; } - @media (max-width: 440px) { + @media (max-width: 600px) { max-width: min(calc(100% - 1rem), 26.25rem); left: 50% !important; right: auto !important; @@ -62,7 +62,7 @@ transform-origin: 70% 100% !important; - @media (max-width: 440px) { + @media (max-width: 600px) { &:global(.bubble) { transform-origin: 30% 100% !important; } diff --git a/src/components/middle/message/reactions/ReactionPicker.tsx b/src/components/middle/message/reactions/ReactionPicker.tsx index 152630aae..172732942 100644 --- a/src/components/middle/message/reactions/ReactionPicker.tsx +++ b/src/components/middle/message/reactions/ReactionPicker.tsx @@ -238,6 +238,7 @@ const ReactionPicker: FC = ({ withPortal noCompact anchor={renderingPosition} + positionY={story && 'bottom'} getTriggerElement={getTriggerElement} getRootElement={getRootElement} getMenuElement={getMenuElement}