From 4398467368a591170825ed2ca90643c4c1273680 Mon Sep 17 00:00:00 2001
From: Brandon Maharaj <107377945+BrandonM-Bitwarden@users.noreply.github.com>
Date: Wed, 3 Aug 2022 14:56:04 -0400
Subject: [PATCH] fix: width layout (#3234)

---
 .../components/organization-filter.component.html         | 8 ++++++--
 apps/web/src/scss/vault-filters.scss                      | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/modules/vault-filter/components/organization-filter.component.html b/apps/web/src/app/modules/vault-filter/components/organization-filter.component.html
index 2267f9af877..18d7e730d3d 100644
--- a/apps/web/src/app/modules/vault-filter/components/organization-filter.component.html
+++ b/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"
diff --git a/apps/web/src/scss/vault-filters.scss b/apps/web/src/scss/vault-filters.scss
index ac3088d6650..1925de3d9af 100644
--- a/apps/web/src/scss/vault-filters.scss
+++ b/apps/web/src/scss/vault-filters.scss
@@ -113,6 +113,10 @@
       text-decoration: none;
     }
     max-width: 90%;
+
+    &.disabled-organization {
+      max-width: 78%;
+    }
   }
 
   .edit-button {