diff --git a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html
index 2f1f3e6fc7e..b485ce4aaf7 100644
--- a/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html
@@ -1,6 +1,4 @@
-
-
-<mat-nav-list class="adf-process-filters" *ngIf="filters$ | async as filterList; else loading">
+<mat-action-list class="adf-process-filters" *ngIf="filters$ | async as filterList; else loading">
     <button
         *ngFor="let filter of filterList"
         mat-list-item
@@ -23,7 +21,7 @@
             </span>
         </div>
     </button>
-</mat-nav-list>
+</mat-action-list>
 <ng-template #loading>
     <ng-container>
         <div class="adf-app-list-spinner">
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/base-task-filters-cloud.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/base-task-filters-cloud.component.html
index 3702cb778cc..0e85151a2b9 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/base-task-filters-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/base-task-filters-cloud.component.html
@@ -1,5 +1,4 @@
-
-<mat-nav-list class="adf-task-filters" *ngIf="filters$ | async as filterList; else loading">
+<mat-action-list class="adf-task-filters" *ngIf="filters$ | async as filterList; else loading">
         <button
             *ngFor="let filter of filterList"
             mat-list-item
@@ -7,8 +6,7 @@
             [attr.aria-label]="filter.name | translate"
             [id]="filter.id"
             [attr.data-automation-id]="filter.key + '_filter'"
-            [class.adf-active]="currentFilter === filter"
-        >
+            [class.adf-active]="currentFilter === filter">
             <div class="adf-task-filters__entry">
                 <div class="adf-task-filters__entry-label">
                     <adf-icon data-automation-id="adf-filter-icon"
@@ -27,7 +25,7 @@
                 </span>
             </div>
         </button>
-    </mat-nav-list>
+</mat-action-list>
 <ng-template #loading>
     <ng-container>
         <div class="adf-app-list-spinner">