From f7e553734bc044482f76fbce796c0e72cc6c1bb1 Mon Sep 17 00:00:00 2001
From: zubiden <19638254+zubiden@users.noreply.github.com>
Date: Sat, 2 Nov 2024 21:11:53 +0400
Subject: [PATCH] Reaction Picker: Fix position on small screen size (#5129)

---
 .../middle/message/reactions/ReactionPicker.module.scss       | 4 ++--
 src/components/middle/message/reactions/ReactionPicker.tsx    | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

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<OwnProps & StateProps> = ({
       withPortal
       noCompact
       anchor={renderingPosition}
+      positionY={story && 'bottom'}
       getTriggerElement={getTriggerElement}
       getRootElement={getRootElement}
       getMenuElement={getMenuElement}