diff --git a/app/assets/javascripts/awards_handler.js b/app/assets/javascripts/awards_handler.js
index 5313d834b40..2fcd9d3d4a2 100644
--- a/app/assets/javascripts/awards_handler.js
+++ b/app/assets/javascripts/awards_handler.js
@@ -541,12 +541,12 @@ class AwardsHandler {
    * the menu being opened and closed. */
 
   showMenuElement($emojiMenu) {
+    $emojiMenu.addClass(IS_RENDERED);
+
     // enqueues animation as a microtask, so it begins ASAP once IS_RENDERED added
     Promise.resolve().then(() => { // eslint-disable-line promise/catch-or-return
       $emojiMenu.addClass(IS_VISIBLE);
     });
-
-    $emojiMenu.addClass(IS_RENDERED);
   }
 
   hideMenuElement($emojiMenu) {