diff --git a/app/assets/javascripts/discourse/app/templates/components/user-card-contents.hbs b/app/assets/javascripts/discourse/app/templates/components/user-card-contents.hbs
index 4a264624d0..94b9732984 100644
--- a/app/assets/javascripts/discourse/app/templates/components/user-card-contents.hbs
+++ b/app/assets/javascripts/discourse/app/templates/components/user-card-contents.hbs
@@ -111,7 +111,9 @@
           {{#if this.hasStatus}}
             <h3 class="user-status">
               {{html-safe this.userStatusEmoji}}
-              {{this.user.status.description}}
+              <span class="user-status__description">
+                {{this.user.status.description}}
+              </span>
               {{format-date this.user.status.ends_at format="tiny"}}
             </h3>
           {{/if}}
diff --git a/app/assets/stylesheets/common/components/user-card.scss b/app/assets/stylesheets/common/components/user-card.scss
index 79074b863a..f0ae1b4019 100644
--- a/app/assets/stylesheets/common/components/user-card.scss
+++ b/app/assets/stylesheets/common/components/user-card.scss
@@ -307,6 +307,7 @@ h3.user-status {
   }
 
   .relative-date {
+    flex: 1 0 auto;
     text-align: left;
     font-size: var(--font-down-3);
     padding-top: 0.5em;