diff --git a/src/lib/misc/progress-bar/progress-bar.component.html b/src/lib/misc/progress-bar/progress-bar.component.html
index 4ca1311..3f37708 100644
--- a/src/lib/misc/progress-bar/progress-bar.component.html
+++ b/src/lib/misc/progress-bar/progress-bar.component.html
@@ -1,5 +1,5 @@
-<div (click)="selectValue()" [class.pointer]="filterKey && !!filterService">
-    <div [class.active]="filterChecked$ | async" class="details mb-6">
+<div (click)="selectValue()" [class.active]="filterChecked$ | async" [class.pointer]="filterKey && !!filterService">
+    <div class="details mb-6">
         <span>{{ config.count }} {{ config.label | translate }}</span>
         <mat-icon [svgIcon]="config.icon"></mat-icon>
     </div>
diff --git a/src/lib/misc/progress-bar/progress-bar.component.scss b/src/lib/misc/progress-bar/progress-bar.component.scss
index 0cb0bcc..dc7256e 100644
--- a/src/lib/misc/progress-bar/progress-bar.component.scss
+++ b/src/lib/misc/progress-bar/progress-bar.component.scss
@@ -27,6 +27,6 @@
     }
 }
 
-.active {
-    font-weight: 600;
+.active .indicator {
+    background-color: rgba(var(--iqser-primary-rgb), 0.4);
 }