diff --git a/src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss b/src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss
index 6fd41b930..61ff1e087 100644
--- a/src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss
+++ b/src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss
@@ -57,11 +57,15 @@ table {
 }
 
 .mat-header-cell {
-  color: rgba($color: #000, $alpha: 54%);
+  color: rgb(0 0 0 / 54%);
   font-size: 12px;
   font-weight: 500;
 }
 
+:host-context(.dark-theme) .mat-header-cell {
+  color: rgb(255 255 255 / 70%);
+}
+
 div.container {
   overflow: auto;
   max-width: 100%;