diff --git a/pages/calendar/calendar.pixy b/pages/calendar/calendar.pixy
index 4848fd8b..6f698c19 100644
--- a/pages/calendar/calendar.pixy
+++ b/pages/calendar/calendar.pixy
@@ -5,6 +5,8 @@ component Calendar(days []*utils.CalendarDay, user *arn.User)
 		each day in days
 			.weekday
 				h3.weekday-name= day.Name
-				ol
+				.calendar-entries
 					each entry in day.Entries
-						li= entry.Anime.Title.ByUser(user) + " (Ep: " + strconv.Itoa(entry.Episode.Number) + ")"
\ No newline at end of file
+						.calendar-entry
+							.calendar-entry-title= entry.Anime.Title.ByUser(user)
+							.calendar-entry-episode= "Ep: " + strconv.Itoa(entry.Episode.Number)
\ No newline at end of file
diff --git a/pages/calendar/calendar.scarlet b/pages/calendar/calendar.scarlet
index e2254012..89cc1fb5 100644
--- a/pages/calendar/calendar.scarlet
+++ b/pages/calendar/calendar.scarlet
@@ -2,9 +2,10 @@
 	vertical
 
 .weekday
-	flex 1
+	width 100%
 	text-align left
 	border-bottom 1px solid ui-border-color
+	padding 0.5rem
 
 	:last-child
 		border-bottom none
@@ -12,11 +13,29 @@
 .weekday-name
 	text-align center
 
+.calendar-entries
+	vertical
+
+.calendar-entry
+	ui-element
+	padding 0.75rem 1rem
+	margin-bottom 0.5rem
+	overflow hidden
+
+.calendar-entry-title
+	clip-long-text
+
+.calendar-entry-episode
+	opacity 0.75
+	text-align right
+	font-size 0.9rem
+
 > 800px
 	.week
 		horizontal
 
 	.weekday
+		width 14.2857%
 		border-bottom none
 		border-right 1px solid ui-border-color