diff --git a/stylesheets/components/CustomizingPreferredReactionsModal.scss b/stylesheets/components/CustomizingPreferredReactionsModal.scss
index 44d5a9011..82e8bdb6f 100644
--- a/stylesheets/components/CustomizingPreferredReactionsModal.scss
+++ b/stylesheets/components/CustomizingPreferredReactionsModal.scss
@@ -2,6 +2,10 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 .module-CustomizingPreferredReactionsModal {
+  &__overlay-container {
+    z-index: $z-index-above-context-menu;
+  }
+
   &__small-emoji-picker-wrapper {
     @include font-subtitle;
     align-items: center;
diff --git a/ts/components/CustomizingPreferredReactionsModal.tsx b/ts/components/CustomizingPreferredReactionsModal.tsx
index 450d26c41..246e59aba 100644
--- a/ts/components/CustomizingPreferredReactionsModal.tsx
+++ b/ts/components/CustomizingPreferredReactionsModal.tsx
@@ -111,6 +111,7 @@ export function CustomizingPreferredReactionsModal({
 
   return (
     <Modal
+      moduleClassName="module-CustomizingPreferredReactionsModal"
       hasXButton
       i18n={i18n}
       onClose={() => {