diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.css b/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.css
index 6b7e0a7a66..073fb82bbd 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.css
@@ -1,3 +1,19 @@
 .mdl-list__item {
     cursor: pointer;
 }
+
+.activiti-filters__entry {
+    cursor: pointer;
+}
+
+.activiti-filters__entry-icon {
+    margin-right: 12px !important;
+}
+
+.activiti-filters__entry.active {
+    color: rgb(68,138,255);
+}
+
+.activiti-filters__entry.active .activiti-filters__entry-icon {
+    color: rgb(68,138,255);
+}
\ No newline at end of file
diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.html b/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.html
index 02611ac7d8..84ac999ab6 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-filters.component.html
@@ -1,10 +1,11 @@
 <div class="menu-container">
     <ul class='mdl-list'>
-        <li class="mdl-list__item"(click)="selectFilter(filter)" *ngFor="let filter of filters">
+        <li class="mdl-list__item activiti-filters__entry" (click)="selectFilter(filter)" *ngFor="let filter of filters"
+            [class.active]="currentFilter === filter">
             <span class="mdl-list__item-primary-content">
-            <i [attr.data-automation-id]="filter.name + '_filter'" class="material-icons mdl-list__item-icon">assignment</i>
+            <i class="material-icons mdl-list__item-icon activiti-filters__entry-icon" [attr.data-automation-id]="filter.name + '_filter'" >assignment</i>
             {{filter.name}}
             </span>
         </li>
     </ul>
-</div>
+</div>
\ No newline at end of file