diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
index f8d5d1081e..4b629ca488 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
@@ -93,8 +93,9 @@
           variant="secondary"
           class="tw-ml-1"
           [title]="project.name"
+          maxWidthClass="tw-max-w-60"
         >
-          {{ project.name | ellipsis: 32 }}
+          {{ project.name }}
         </span>
         <span *ngIf="secret.projects.length === 0" bitBadge variant="warning" class="tw-ml-1"
           ><i class="bwi bwi-fw bwi-exclamation-triangle tw-mr-1" aria-hidden="true"></i
diff --git a/libs/components/src/badge/badge.directive.ts b/libs/components/src/badge/badge.directive.ts
index acce4a18aa..ce41072706 100644
--- a/libs/components/src/badge/badge.directive.ts
+++ b/libs/components/src/badge/badge.directive.ts
@@ -49,7 +49,7 @@ export class BadgeDirective implements FocusableElement {
     ]
       .concat(styles[this.variant])
       .concat(this.hasHoverEffects ? hoverStyles[this.variant] : [])
-      .concat(this.truncate ? ["tw-truncate", "tw-max-w-40"] : []);
+      .concat(this.truncate ? ["tw-truncate", this.maxWidthClass] : []);
   }
   @HostBinding("attr.title") get title() {
     return this.truncate ? this.el.nativeElement.textContent.trim() : null;
@@ -65,6 +65,8 @@ export class BadgeDirective implements FocusableElement {
    */
   @Input() truncate = true;
 
+  @Input() maxWidthClass: `tw-max-w-${string}` = "tw-max-w-40";
+
   getFocusTarget() {
     return this.el.nativeElement;
   }