diff --git a/web/src/hotkey.ts b/web/src/hotkey.ts
index ed352e159b..328b3d9391 100644
--- a/web/src/hotkey.ts
+++ b/web/src/hotkey.ts
@@ -1378,7 +1378,9 @@ function process_hotkey(e: JQuery.KeyDownEvent, hotkey: Hotkey): boolean {
         // ':': open reactions to message
         case "toggle_reactions_popover": {
             const $row = message_lists.current.selected_row();
-            const $emoji_icon = $row.find(".emoji-message-control-button-container");
+            const $emoji_icon = $row.find(
+                ".message_controls .emoji-message-control-button-container",
+            );
             let emoji_picker_reference;
             if (
                 $emoji_icon?.length !== 0 &&
diff --git a/web/tests/hotkey.test.cjs b/web/tests/hotkey.test.cjs
index d15a3a92d2..e94bd70d87 100644
--- a/web/tests/hotkey.test.cjs
+++ b/web/tests/hotkey.test.cjs
@@ -107,7 +107,7 @@ message_lists.current = {
     selected_row() {
         const $row = $.create("selected-row-stub");
         $row.set_find_results(".message-actions-menu-button", ["<menu-button-stub>"]);
-        $row.set_find_results(".emoji-message-control-button-container", {
+        $row.set_find_results(".message_controls .emoji-message-control-button-container", {
             closest: () => ({css: () => "none"}),
         });
         return $row;