diff --git a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
index f3a55af247c23130fd83d26c78e8b1014d9800f4..0588daaf86cb5c52809b7f5712de1f91d64665d4 100644
--- a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
+++ b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.html
@@ -19,7 +19,7 @@
          aria-labelledby="search-box-input-description"/>
   <button id="search_close-button"
           mat-icon-button
-          class="searchBarButton close"
+          class="searchBarButton close red"
           *ngIf="searchInput !== '' || search"
           (click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';">
     <mat-icon>close</mat-icon>
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 b0bf61de9a4b1e1e54bb56ae9ced833192bc1b69..c7c3d55b1eafd59cc475640d696d1a5bbad31085 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
@@ -76,6 +76,10 @@ app-comment {
   color: var(--secondary);
 }
 
+.red {
+  color: var(--red) !important;
+}
+
 .no-comments {
   margin-top: 10%;
 }
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 35273fce7decf9da8deed2c5783a1520d9d94580..8bbfa8ae3c4911cc042a7b2c945b1d81c0f79fc4 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -9,7 +9,7 @@
           *ngIf="currentFilter !== ''"
           (click)="filterComments('');"
           aria-labelledby="close_filter">
-    <mat-icon class="searchBarIcon">close</mat-icon>
+    <mat-icon class="searchBarIcon red">close</mat-icon>
   </button>
   <mat-label *ngIf="deviceType === 'desktop'"
              fxLayoutAlign="center center">
@@ -27,7 +27,7 @@
          aria-labelledby="search-box-input-description">
   <button id="search_close-button"
           mat-icon-button
-          class="searchBarButton close"
+          class="searchBarButton close red"
           *ngIf="searchInput !== '' || search"
           (click)="hideCommentsList=false; searchInput = ''; search = false; searchPlaceholder = '';"
           aria-labelledby="close_search">
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 82c21c08cb3b2e4702ec034031f5f3804ec6f04c..2872f0c8457c26b4a5e215363ab0b541a8512ac8 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -64,6 +64,10 @@ app-comment {
   color: var(--secondary);
 }
 
+.red {
+  color: var(--red) !important;
+}
+
 .actionButton {
   width: 45px;
   height: 45px;