diff --git a/Layout/default/TimerecordingCalendar/Index.php b/Layout/default/TimerecordingCalendar/Index.php
index 7a21b4651..35729d8a4 100644
--- a/Layout/default/TimerecordingCalendar/Index.php
+++ b/Layout/default/TimerecordingCalendar/Index.php
@@ -156,9 +156,18 @@ $daysgerm = array("So", "Mo", "Di", "Mi", "Do", "Fr", "Sa");
         .fc .fc-daygrid-day.fc-day-today {
             background-color: rgb(239 240 255);
         }
+
         .fc-event-title {
             font-weight: 500;
         }
+
+        .fc-day-today .fc-daygrid-day-top {
+            background-color: #216df7;
+        }
+
+        .fc-day-today .fc-daygrid-day-number {
+            color: #fff;
+        }
     </style>
     <script type="text/javascript"
             src="<?= self::getResourcePath() ?>assets/js/calendar/moment/moment.min.js?<?= date('U') ?>"></script>
@@ -216,7 +225,7 @@ $daysgerm = array("So", "Mo", "Di", "Mi", "Do", "Fr", "Sa");
             $.getJSON(requestUrl, function (data) {
 
             }).done(function (json) {
-                var bgcolors = ['rgb(71 93 251 / 34%)', 'rgb(228 187 249 / 65%)', 'rgb(243 251 117 / 68%)', 'rgb(71 251 176 / 68%)', 'rgb(119 206 247 / 65%)', 'rgb(251 196 71 / 68%)','rgb(251 171 216 / 69%)','rgb(152 155 243 / 65%)','rgb(243 152 109 / 68%)','rgb(255 187 187 / 65%)','rgb(131 245 60 / 68%)','rgb(144 241 245 / 65%)'];
+                var bgcolors = ['rgb(71 93 251 / 34%)', 'rgb(228 187 249 / 65%)', 'rgb(243 251 117 / 68%)', 'rgb(71 251 176 / 68%)', 'rgb(119 206 247 / 65%)', 'rgb(251 196 71 / 68%)', 'rgb(251 171 216 / 69%)', 'rgb(152 155 243 / 65%)', 'rgb(243 152 109 / 68%)', 'rgb(255 187 187 / 65%)', 'rgb(131 245 60 / 68%)', 'rgb(144 241 245 / 65%)'];
                 //read data from json
                 var json = json.data;
                 var holidays = [];