diff --git a/web/src/tippyjs.ts b/web/src/tippyjs.ts
index 0c0fe0daae..9a0c948ed4 100644
--- a/web/src/tippyjs.ts
+++ b/web/src/tippyjs.ts
@@ -603,6 +603,12 @@ export function initialize(): void {
         appendTo: () => document.body,
     });
 
+    tippy.delegate("body", {
+        target: ".user-status-emoji-picker",
+        delay: INTERACTIVE_HOVER_DELAY,
+        appendTo: () => document.body,
+    });
+
     tippy.delegate("body", {
         target: ".user-card-status-area .status-emoji",
         appendTo: () => document.body,
diff --git a/web/templates/set_status_overlay.hbs b/web/templates/set_status_overlay.hbs
index c0454a1f7f..ca293315de 100644
--- a/web/templates/set_status_overlay.hbs
+++ b/web/templates/set_status_overlay.hbs
@@ -1,5 +1,5 @@
 <div class="user-status-content-wrapper">
-    <div class="tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
+    <div class="user-status-emoji-picker" data-tippy-content="{{t 'Select emoji' }}" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
         <div class="status-emoji-wrapper" tabindex="0">
             {{> status_emoji_selector .}}
         </div>