diff --git a/epicyon-calendar.css b/epicyon-calendar.css
index e7345fd7a..a1fb0f9be 100644
--- a/epicyon-calendar.css
+++ b/epicyon-calendar.css
@@ -138,6 +138,14 @@ a:focus {
     font-size: 30px;
 }
 
+.calItem {
+    background-color: var(--event-background-private);
+}
+
+.calItemPublic {
+    background-color: var(--event-background);
+}
+
 .calendar__day__event {
     color: var(--event-color);
     background-color: var(--event-background-private);
diff --git a/webapp_calendar.py b/webapp_calendar.py
index 11a63afc0..8ba1500cc 100644
--- a/webapp_calendar.py
+++ b/webapp_calendar.py
@@ -193,34 +193,41 @@ def _htmlCalendarDay(personCache: {}, cssCache: {}, translate: {},
                     'icons/delete.png" /></a></td>\n'
 
             eventClass = 'calendar__day__event'
+            calItemClass = 'calItem'
             if eventIsPublic:
                 eventClass = 'calendar__day__event__public'
+                calItemClass = 'calItemPublic'
             if eventTime and eventDescription and eventPlace:
                 calendarStr += \
-                    '<tr><td class="calendar__day__time"><b>' + eventTime + \
+                    '<tr class="' + calItemClass + '">' + \
+                    '<td class="calendar__day__time"><b>' + eventTime + \
                     '</b></td><td class="' + eventClass + '">' + \
                     '<span class="place">' + \
                     eventPlace + '</span><br>' + eventDescription + \
                     '</td>' + deleteButtonStr + '</tr>\n'
             elif eventTime and eventDescription and not eventPlace:
                 calendarStr += \
-                    '<tr><td class="calendar__day__time"><b>' + eventTime + \
+                    '<tr class="' + calItemClass + '">' + \
+                    '<td class="calendar__day__time"><b>' + eventTime + \
                     '</b></td><td class="' + eventClass + '">' + \
                     eventDescription + '</td>' + deleteButtonStr + '</tr>\n'
             elif not eventTime and eventDescription and not eventPlace:
                 calendarStr += \
-                    '<tr><td class="calendar__day__time">' + \
+                    '<tr class="' + calItemClass + '">' + \
+                    '<td class="calendar__day__time">' + \
                     '</td><td class="' + eventClass + '">' + \
                     eventDescription + '</td>' + deleteButtonStr + '</tr>\n'
             elif not eventTime and eventDescription and eventPlace:
                 calendarStr += \
-                    '<tr><td class="calendar__day__time"></td>' + \
+                    '<tr class="' + calItemClass + '">' + \
+                    '<td class="calendar__day__time"></td>' + \
                     '<td class="' + eventClass + '"><span class="place">' + \
                     eventPlace + '</span><br>' + eventDescription + \
                     '</td>' + deleteButtonStr + '</tr>\n'
             elif eventTime and not eventDescription and eventPlace:
                 calendarStr += \
-                    '<tr><td class="calendar__day__time"><b>' + eventTime + \
+                    '<tr class="' + calItemClass + '">' + \
+                    '<td class="calendar__day__time"><b>' + eventTime + \
                     '</b></td><td class="' + eventClass + '">' + \
                     '<span class="place">' + \
                     eventPlace + '</span></td>' + \