diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index 696a1f24b9b45c81e1d7511c0e2933d5437ae450..17c8eeedf47057d28a14bd633d1b0298b257ef3f 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -26,7 +26,7 @@
 
       <button mat-icon-button *ngIf="comment.answer" (click)="openAnswerTextDialog()"
               tabindex="0">
-        <mat-icon matTooltip="{{ 'comment-page.has-answer' | translate }}">comment
+        <mat-icon class="answered-icon" matTooltip="{{ 'comment-page.has-answer' | translate }}">comment
         </mat-icon>
       </button>
 
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index cd0d69829b5b4d2c16c2546d2549489c8b0d5605..c2dcb0a73264bf6d4fc87aec9a79457f76c08ea1 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -30,6 +30,10 @@ mat-card-content > :first-child {
   color: slategray;
 }
 
+.answered-icon {
+  color: var(on-surface);
+}
+
 .correct-icon {
   color: var(--green);
 }