fix: width layout (#3234)

apps/web/src/app/modules/vault-filter/components/organization-filter.component.html

@@ -126,11 +126,15 @@
           [ngClass]="{ active: organization.id === activeFilter.selectedOrganizationId }"
         >
           <span class="filter-buttons">
-            <button class="filter-button" (click)="applyOrganizationFilter(organization)">
+            <button
+              class="filter-button"
+              [ngClass]="{ 'disabled-organization': !organization.enabled }"
+              (click)="applyOrganizationFilter(organization)"
+            >
               <i class="bwi bwi-fw bwi-business" aria-hidden="true"></i>
               {{ organization.name }}
             </button>
-            <span class="ml-auto contents">
+            <span class="ml-auto">
               <i
                 *ngIf="!organization.enabled"
                 class="org-options bwi bwi-fw bwi-exclamation-triangle text-danger"

apps/web/src/scss/vault-filters.scss

@@ -113,6 +113,10 @@
       text-decoration: none;
     }
     max-width: 90%;
+
+    &.disabled-organization {
+      max-width: 78%;
+    }
   }
 
   .edit-button {