Staging

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>

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%;
 }

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">

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;