[PM-16102] Add min width on interactive badges (#12514)

bitwarden · Dec 23, 2024 · 395258d · 395258d
1 parent 23210f4
commit 395258d
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/libs/components/src/badge/badge.component.ts b/libs/components/src/badge/badge.component.ts
@@ -65,7 +65,7 @@ export class BadgeComponent implements FocusableElement {
       "disabled:tw-cursor-not-allowed",
     ]
       .concat(styles[this.variant])
-      .concat(this.hasHoverEffects ? hoverStyles[this.variant] : [])
+      .concat(this.hasHoverEffects ? [...hoverStyles[this.variant], "tw-min-w-10"] : [])
       .concat(this.truncate ? this.maxWidthClass : []);
   }
   @HostBinding("attr.title") get titleAttr() {