diff --git a/src/web/app/components/panel-chevron/panel-chevron.component.html b/src/web/app/components/panel-chevron/panel-chevron.component.html
index f58c7c94878..999c4645394 100644
--- a/src/web/app/components/panel-chevron/panel-chevron.component.html
+++ b/src/web/app/components/panel-chevron/panel-chevron.component.html
@@ -1,4 +1,4 @@
 <button type="button" class="chevron btn-course btn btn-primary btn-sm" aria-label="Expand panel" [attr.aria-expanded]=isExpanded>
   <i class="fas fa-chevron-down" [style.color]="chevronColor" *ngIf="!isExpanded"></i>
-  <i class="fas fa-chevron-up" *ngIf="isExpanded"></i>
+  <i class="fas fa-chevron-up" [style.color]="chevronColor" *ngIf="isExpanded"></i>
 </button>