Limit member label width

stylesheets/_modules.scss

@@ -1072,8 +1072,10 @@ $message-padding-horizontal: 12px;
 .module-message__author {
   @include mixins.font-body-small-bold;
 
-  min-height: 18px;
   user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 3px;
 }
 
 .module-message__author_with_sticker {

stylesheets/components/ContactModal.scss

@@ -72,12 +72,13 @@
     @include mixins.button-focus-outline;
 
     & {
-      border: 1px solid transparent;
       // Note: matches the border radius in ContactName.scss, for --label-pill
       border-radius: 9px;
 
       margin-top: 6px;
       margin-bottom: 4px;
+
+      max-width: 100%;
     }
   }
 

stylesheets/components/ContactName.scss

@@ -286,17 +286,25 @@ $contact-colors: (
     padding-block: 1px;
     border-radius: 9px;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
   }
 
   &--label-pill--inner {
     display: flex;
     align-items: center;
     white-space: nowrap;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
   }
 
   &--label-pill--bubble {
-    margin-top: -2px;
-    margin-bottom: 2px;
+    margin-inline-start: 2px;
+    margin-bottom: -4px;
+    max-width: calc(100% - 2px);
   }
 
   &--label-pill--emoji {
@@ -318,8 +326,14 @@ $contact-colors: (
     }
   }
 
+  &--label-pill--list {
+    margin-bottom: -5px;
+  }
+
   &--label-pill--text {
     display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   @each $name, $value in $contact-colors {

stylesheets/components/ConversationDetails.scss

@@ -45,6 +45,10 @@
     }
   }
 
+  &-membership-list--member-label {
+    @include mixins.font-body-small;
+  }
+
   &__block-group {
     color: variables.$color-accent-red;
   }
@@ -350,6 +354,7 @@
       flex-grow: 1;
       text-align: start;
       margin-inline-end: 12px;
+      min-width: 0;
     }
 
     &__info {
@@ -367,7 +372,7 @@
     &__right {
       position: relative;
       color: variables.$color-gray-45;
-      min-width: 143px;
+      min-width: 100px;
     }
 
     &__actions {

stylesheets/components/Quote.scss

@@ -180,6 +180,8 @@
   min-height: 54px;
   border-style: solid;
   border-width: 0 0 0 4px;
+
+  max-width: 100%;
 }
 
 .module-quote__primary__author {
@@ -189,6 +191,7 @@
   align-items: center;
   gap: 4px;
 
+  max-width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;