diff --git a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/folder-filter.component.html b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/folder-filter.component.html
index 0c6f86df53f..0867c509c2b 100644
--- a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/folder-filter.component.html
+++ b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/folder-filter.component.html
@@ -26,7 +26,7 @@
 } @else {
   <bit-nav-item
     [icon]="folder().node.icon"
-    [class.active]="isActive()"
+    [forceActiveStyles]="isActive()"
     [text]="displayName()"
     variant="tree"
     [appA11yTitle]="displayName()"
diff --git a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/organization-filter.component.html b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/organization-filter.component.html
index 8dc0bf20bef..9aec09fe44a 100644
--- a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/organization-filter.component.html
+++ b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/organization-filter.component.html
@@ -18,7 +18,7 @@
     } @else {
       <bit-nav-item
         [icon]="organization.node.icon"
-        [class.active]="organization.node.id === activeFilter()?.organizationId"
+        [forceActiveStyles]="organization.node.id === activeFilter()?.organizationId"
         [text]="organization.node.name"
         variant="tree"
         [appA11yTitle]="organization.node.name"
diff --git a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/status-filter.component.html b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/status-filter.component.html
index 2f747c7a821..59f75c01371 100644
--- a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/status-filter.component.html
+++ b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/status-filter.component.html
@@ -2,7 +2,7 @@
   @if (!hideArchive()) {
     <bit-nav-item
       [icon]="archiveFilter.icon"
-      [class.active]="activeFilter()?.isArchived"
+      [forceActiveStyles]="activeFilter()?.isArchived"
       (click)="handleArchiveFilter($event)"
       [text]="archiveFilter.name | i18n"
       [attr.aria-pressed]="activeFilter()?.isArchived"
@@ -15,7 +15,7 @@
   @if (!hideTrash()) {
     <bit-nav-item
       [icon]="trashFilter.icon"
-      [class.active]="activeFilter()?.isDeleted"
+      [forceActiveStyles]="activeFilter()?.isDeleted"
       (click)="applyFilter('trash')"
       [text]="trashFilter.name | i18n"
       [attr.aria-pressed]="activeFilter()?.isDeleted"
diff --git a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/type-filter.component.html b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/type-filter.component.html
index fdaf74be74f..b5e8e6663f1 100644
--- a/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/type-filter.component.html
+++ b/apps/desktop/src/vault/app/vault-v3/vault-filter/filters/type-filter.component.html
@@ -1,7 +1,7 @@
 @for (typeFilter of typeFilters$ | async; track typeFilter) {
   <bit-nav-item
     [icon]="typeFilter.node.icon"
-    [class.active]="activeFilter()?.cipherType === typeFilter.node.type"
+    [forceActiveStyles]="activeFilter()?.cipherType === typeFilter.node.type"
     (click)="applyFilter(typeFilter)"
     [text]="typeFilter.node.name"
     [attr.aria-pressed]="activeFilter()?.cipherType === typeFilter.node.type"