From ae2cc59721fcbe728d6c6b89ed93a392fcd4c92d Mon Sep 17 00:00:00 2001
From: DomW <domw30@gmail.com>
Date: Fri, 10 Jan 2025 11:10:07 +0000
Subject: [PATCH] refactor: increase reaction menu emoji picker z-index and
 anchor component relative to menu item (#2545)

---
 src/components/message/styles.scss       | 1 +
 src/components/reaction-menu/styles.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/message/styles.scss b/src/components/message/styles.scss
index 4468bde43..56619c90c 100644
--- a/src/components/message/styles.scss
+++ b/src/components/message/styles.scss
@@ -183,6 +183,7 @@
     display: flex;
     align-self: center;
     opacity: 0;
+    position: relative;
     // Sometimes we render an empty menu. This ensures consistency of width of the message bubble.
     min-width: 64px;
   }
diff --git a/src/components/reaction-menu/styles.scss b/src/components/reaction-menu/styles.scss
index c3a500233..61036754d 100644
--- a/src/components/reaction-menu/styles.scss
+++ b/src/components/reaction-menu/styles.scss
@@ -10,7 +10,7 @@
   position: absolute;
   bottom: 75px;
   left: 390px;
-  z-index: 1010;
+  z-index: 2000;
   color: var(--color-greyscale-11);
 }