Fix size of emojis of user status in user menu

app/assets/stylesheets/framework/header.scss

@@ -544,15 +544,21 @@
         display: block;
       }
-      .user-status-emoji {
+      .user-status {
         margin-right: 0;
         display: block;
         vertical-align: text-top;
         max-width: 148px;
-        font-size: 12px;
+        font-size: $user-status-font-size;
         gl-emoji {
-          font-size: $gl-font-size;
+          font-size: $user-status-font-size;
+        }
+
+        .user-status-emoji {
+          gl-emoji {
+            font-size: $gl-font-size;
+          }
         }
       }
     }

app/assets/stylesheets/framework/variables.scss

@@ -386,6 +386,11 @@ $award-emoji-menu-shadow: rgba(0, 0, 0, 0.175);
 $award-emoji-positive-add-bg: #fed159;
 $award-emoji-positive-add-lines: #bb9c13;
+/*
+ *  User status/emoji in current user dropdown
+ */
+$user-status-font-size: 12px;
+
 /*
  * Search Box
  */

app/views/layouts/header/_current_user_dropdown.html.haml

@@ -6,8 +6,9 @@
       = current_user.name
     = current_user.to_reference
     - if current_user.status
-      .user-status-emoji.str-truncated.has-tooltip{ title: current_user.status.message_html, data: { html: 'true', placement: 'bottom' } }
-        = emoji_icon current_user.status.emoji
+      .user-status.str-truncated.has-tooltip{ title: current_user.status.message_html, data: { html: 'true', placement: 'bottom' } }
+        %span.user-status-emoji
+          = emoji_icon current_user.status.emoji
         = current_user.status.message_html.html_safe
   %li.divider
   - if can?(current_user, :update_user_status, current_user)

changelogs/unreleased/52299-follow-up-from-resolve-add-status-message-from-within-user-menu.yml

+---
+title: Fix size of emojis of user status in user menu
+merge_request: 22194
+author:
+type: fixed