Prevent usercard badge section from overflowing

Prevent usercard badge section from overflowing

diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
index 4fd021e..84990e8 100644
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@@ -287,14 +287,15 @@ $user_card_background: $secondary;
     align-items: flex-start;
     padding-bottom: 10px;
     margin-top: 5px;
-
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 185px;
+    }
     .user-badge {
       display: flex;
       white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
       margin-right: 0.5em;
-      max-width: 150px;
       background: $primary-very-low;
       border: 1px solid $primary-low;
       color: $user_card_primary;

GitHub sha: 1cacfddd

Another follow-up to 94f8c4ecacc98fbb84603c4ec4a2086c0b8185ae