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 30014e0136223702ca6b9c22d1de057fd312b1f3..78e62eaf1e9e5e3cb28d407648671f65c727594f 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -76,7 +76,7 @@
 
       <button mat-icon-button (focus)="hideCommentsList=true" matTooltip="{{ 'comment-list.read' | translate }}"
               (click)="filterComments(read)">
-        <mat-icon svgIcon="beamer" [ngClass]="{read: 'read-icon'}[currentFilter]"></mat-icon>
+        <mat-icon svgIcon="beamer" [ngClass]="{read: 'beamer-icon'}[currentFilter]"></mat-icon>
       </button>
 
       <button mat-icon-button (focus)="hideCommentsList=false" (click)="sortComments(currentSort); filterComments('')">
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 5b20e27659434f47773ececc85f02423f51e7237..aaa55ccd0568872efe117a5ab85236ec1c2062b0 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -108,8 +108,8 @@ h4  {
   color: var(--red);
 }
 
-.read-icon {
-  color: var(--on-surface);
+.beamer-icon {
+  color: var(--blue);
 }
 
 .favorite-icon {
diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index 8370e38afb2886bb827bbe2032d311957e73ce62..af97385e63b80b9a4b727f129413e9c12a33ee21 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -11,7 +11,7 @@
         </ng-template>
       </div>
       <button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
-        <mat-icon svgIcon="beamer" class="not-marked">
+        <mat-icon svgIcon="beamer" class="beamer-icon">
                   matTooltip="{{ 'comment-page.mark-read' | translate }}">
         </mat-icon>
       </button>
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index 0fb3ac61cf3ce791fe88d34fa92d20ad905f552f..a0d4f5872f25dec0cc0428557cb53e13e4ac10aa 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -41,6 +41,10 @@ mat-card-content > :first-child {
   color: var(--red);
 }
 
+.beamer-icon {
+  color: var(--on-surface);
+}
+
 h2 {
   text-align: center;
   margin: 0;