diff --git a/src/lib/filtering/popup-filter/popup-filter.component.html b/src/lib/filtering/popup-filter/popup-filter.component.html
index 7a27e41..23ba887 100644
--- a/src/lib/filtering/popup-filter/popup-filter.component.html
+++ b/src/lib/filtering/popup-filter/popup-filter.component.html
@@ -2,8 +2,8 @@
     <ng-container *ngIf="primaryGroup.icon">
         <iqser-icon-button
             [attr.aria-expanded]="expanded$ | async"
+            [class.disabled]="primaryFiltersDisabled$ | async"
             [disabled]="primaryFiltersDisabled$ | async"
-            [ngClass]="{'disabled': primaryFiltersDisabled$ | async}"
             [icon]="primaryGroup.icon"
             [label]="primaryGroup.label || ('filter-menu.label' | translate)"
             [matMenuTriggerFor]="filterMenu"
@@ -14,6 +14,7 @@
     <ng-container *ngIf="!primaryGroup.icon">
         <iqser-chevron-button
             [attr.aria-expanded]="expanded$ | async"
+            [class.disabled]="primaryFiltersDisabled$ | async"
             [disabled]="primaryFiltersDisabled$ | async"
             [label]="primaryGroup.label || ('filter-menu.label' | translate)"
             [matMenuTriggerFor]="filterMenu"