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 {