diff --git a/src/app/components/shared/comment-list/comment-list.component.html b/src/app/components/shared/comment-list/comment-list.component.html
index f26675e9c1bac05a004c5b8673b5111f24532c8c..603f262c5efb342b35118884073a351b3025d232 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -45,19 +45,19 @@
   <mat-menu #filterMenu="matMenu" xPosition="before">
     <div>
       <button mat-icon-button (focus)="hideCommentsList=true" (click)="filter(correct)">
-        <mat-icon>check_circle</mat-icon>
+        <mat-icon [ngClass]="{correct: 'correct-icon'}[currentFilter]">check_circle</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=true" (click)="filter(favorite)">
-        <mat-icon>favorite</mat-icon>
+        <mat-icon [ngClass]="{favorite: 'favorite-icon'}[currentFilter]">favorite</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=true" (click)="filter(read)">
-        <mat-icon>visibility</mat-icon>
+        <mat-icon [ngClass]="{read: 'read-icon'}[currentFilter]">visibility</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=true" (click)="filter(unread)">
-        <mat-icon>visibility_off</mat-icon>
+        <mat-icon [ngClass]="{unread: 'unread-icon'}[currentFilter]">visibility_off</mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sort(currentSort)">
diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss
index 9198f0f3f4dcbe790682a93ee75ed35d56e2607d..9e71f823a9a19dc0312daf18b5f9b742e7a2fedc 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -63,3 +63,19 @@ h4  {
 .button-bar {
   margin-right: 2%;
 }
+
+.correct-icon {
+  color: var(--green);
+}
+
+.read-icon {
+  color: var(--blue);
+}
+
+.favorite-icon {
+  color: var(--red);
+}
+
+.unread-icon {
+  color: var(--yellow);
+}