Active style for progress bar filters

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>

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);
 }