diff --git a/web/styles/user_status.css b/web/styles/user_status.css
index a7860fcb44..3c90ae0056 100644
--- a/web/styles/user_status.css
+++ b/web/styles/user_status.css
@@ -4,6 +4,7 @@
 
     .user-status-content-wrapper {
         display: flex;
+        align-items: center;
         border: 1px solid;
         border-color: hsl(0deg 0% 0% / 60%);
         border-radius: 5px;
@@ -20,9 +21,7 @@
         }
 
         .status-emoji-wrapper {
-            height: 20px;
-            width: 22px;
-            padding: 8px 8px 1px;
+            padding: 4px 8px;
             border-right: 1px solid;
             border-color: inherit;
             cursor: pointer;
@@ -69,17 +68,18 @@
         }
 
         .user-status-value {
+            display: flex;
+            align-items: center;
             width: 100%;
-            text-align: left;
-            margin-bottom: 10px;
-            line-height: 1.1em;
+            margin-bottom: 7px;
+            line-height: 1em;
 
             .status-emoji {
-                height: 18px;
-                width: 18px;
-                margin-left: 3px;
-                margin-right: 3px;
-                top: 2px;
+                /* Size and align status emoji to match
+                   the top line of the modal. */
+                height: 20px;
+                width: 20px;
+                margin: 0 7px;
             }
         }
     }