diff --git a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
index 350cbe5bea621f8aaadde625a461139948545375..0476673d44d7cba85c70e2ede1ee44ccdb4738d6 100644
--- a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
+++ b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss
@@ -105,7 +105,7 @@ h4  {
 }
 
 .read-icon {
-  color: var(--grey);
+  color: var(--on-surface);
 }
 
 .favorite-icon {
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 350cbe5bea621f8aaadde625a461139948545375..0476673d44d7cba85c70e2ede1ee44ccdb4738d6 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -105,7 +105,7 @@ h4  {
 }
 
 .read-icon {
-  color: var(--grey);
+  color: var(--on-surface);
 }
 
 .favorite-icon {
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index 7e90cb78e872c25df05f66553a981fd724ab4952..db785cb26e4a648318fa958d55add4bb0adc09f9 100644
--- a/src/app/components/shared/comment/comment.component.scss
+++ b/src/app/components/shared/comment/comment.component.scss
@@ -34,7 +34,7 @@ mat-card-content > :first-child {
 }
 
 .read-icon {
-  color: var(--grey);
+  color: var(--on-surface);
 }
 
 .favorite-icon {