diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
index 8f13d5fb6a..16e178a467 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
@@ -1,12 +1,9 @@
 <div class="menu-container">
     <md-list>
         <md-list-item (click)="selectFilter(filter)" *ngFor="let filter of filters"
-                      [class.active]="currentFilter === filter">
-                        <span class="mdl-list__item-primary-content">
-            <i *ngIf="showIcon" class="material-icons mdl-list__item-icon adf-filters__entry-icon"
-               [attr.data-automation-id]="filter.name + '_filter'">assignment</i>
-            {{filter.name}}
-            </span>
+                        class="adf-filters__entry" [class.active]="currentFilter === filter">
+            <md-icon *ngIf="hasIcon" mdListIcon class="adf-filters__entry-icon">assignment</md-icon>
+            <span mdLine [attr.data-automation-id]="filter.name + '_filter'">{{filter.name}}</span>
         </md-list-item>
     </md-list>
 </div>
diff --git a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
index 331632e1ed..af1c0c40a3 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
+++ b/ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
@@ -1,28 +1,29 @@
 @mixin mat-filters-process-theme($theme) {
     $primary: map-get($theme, primary);
 
-    .mdl-list__item {
-        cursor: pointer;
-    }
+    .adf {
 
-    .activiti-filters__entry {
-        cursor: pointer;
-    }
+        &-filters__entry {
+            cursor: pointer;
+            font-size: 14px!important;
+            font-weight: bold;
+            opacity: .54;
+            padding-left: 30px;
 
-    .activiti-filters__entry-icon {
-        margin-right: 12px !important;
-    }
+            .mat-list-item-content {
+                height: 34px;
+            }
+            &.active, &:hover {
+                color: mat-color($primary);
+                opacity: 1;
+            }
+        }
 
-    .activiti-filters__entry.active {
-        color: mat-color($primary);
-    }
+        &-filters__entry-icon {
+            padding-right: 12px !important;
+            padding-left: 0px !important;
+        }
 
-    .activiti-filters__entry:hover {
-        opacity: 0.8;
-    }
-
-    .activiti-filters__entry.active .activiti-filters__entry-icon {
-        color: mat-color($primary);
     }
 
 }