diff --git a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
index 93fd8d97f..065e62de1 100644
--- a/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
+++ b/libs/ui/src/lib/historical-market-data-editor/historical-market-data-editor.component.html
@@ -6,14 +6,16 @@
         @for (day of days; track day) {
           <div
             class="day"
-            [class]="{
-              'cursor-pointer valid': isDateOfInterest(
-                `${itemByMonth.key}-${formatDay(day)}`
-              ),
-              available:
-                marketDataByMonth[itemByMonth.key][formatDay(day)]?.marketPrice,
-              today: isToday(`${itemByMonth.key}-${formatDay(day)}`)
-            }"
+            [class.available]="
+              marketDataByMonth[itemByMonth.key][formatDay(day)]?.marketPrice
+            "
+            [class.cursor-pointer]="
+              isDateOfInterest(`${itemByMonth.key}-${formatDay(day)}`)
+            "
+            [class.today]="isToday(`${itemByMonth.key}-${formatDay(day)}`)"
+            [class.valid]="
+              isDateOfInterest(`${itemByMonth.key}-${formatDay(day)}`)
+            "
             [title]="
               (`${itemByMonth.key}-${formatDay(day)}`
                 | date: defaultDateFormat()) ?? ''