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 c5d94234574e11dc07e25ced304a8f1851b89e9f..350cbe5bea621f8aaadde625a461139948545375 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(--blue);
+  color: var(--grey);
 }
 
 .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 c5d94234574e11dc07e25ced304a8f1851b89e9f..350cbe5bea621f8aaadde625a461139948545375 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(--blue);
+  color: var(--grey);
 }
 
 .favorite-icon {
diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss
index f9b8e6242b57f6ae4c12629d7244ffe25b93e878..7e90cb78e872c25df05f66553a981fd724ab4952 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(--blue);
+  color: var(--grey);
 }
 
 .favorite-icon {