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); }