diff --git a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css
index e69de29bb2..073fb82bbd 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.css
@@ -0,0 +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-analytics/src/components/analytics-report-list.component.html b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
index fd2d30deaa..38a6af1268 100644
--- a/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
+++ b/ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
@@ -1,8 +1,9 @@
 <div class="menu-container">
     <ul class='mdl-list'>
-        <li class="mdl-list__item" (click)="selectReport(report)" *ngFor="let report of reports; let idx = index">
+        <li class="mdl-list__item activiti-filters__entry" (click)="selectReport(report)" *ngFor="let report of reports; let idx = index"
+            [class.active]="currentReport === report">
             <span [attr.id]="'report-list-' + idx" class="mdl-list__item-primary-content">
-            <i 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]="report.name + '_filter'">assignment</i>
             <span class="text">{{report.name}}</span>
             </span>
         </li>