diff --git a/webapp/css/calendar.css b/webapp/css/calendar.css
index 1287c4f..74908a2 100644
--- a/webapp/css/calendar.css
+++ b/webapp/css/calendar.css
@@ -141,17 +141,29 @@
 
 .day-indicator {
   display: flex;
-  flex-wrap: wrap;
   justify-content: center;
-  gap: 2px;
+  width: 65%;
   margin-top: 6px;
 }
 
 .day-indicator-dot {
-  width: 6px;
+  flex: 1;
+  height: 5px;
+  border-radius: 0;
+}
+
+.day-indicator-dot:only-child {
+  flex: 0 0 6px;
   height: 6px;
   border-radius: 50%;
-  flex-shrink: 0;
+}
+
+.day-indicator-dot:first-child:not(:only-child) {
+  border-radius: 3px 0 0 3px;
+}
+
+.day-indicator-dot:last-child:not(:only-child) {
+  border-radius: 0 3px 3px 0;
 }
 
 .day-indicator-dot.duty {