diff --git a/css/app-navigation.scss b/css/app-navigation.scss
index fe32a59c7a..94ba63714e 100644
--- a/css/app-navigation.scss
+++ b/css/app-navigation.scss
@@ -108,6 +108,11 @@
 	}
 }
 
+// Add background to navigation toggle to fix overlap with calendar elements
+.app-navigation-toggle {
+	background-color: var(--color-main-background) !important;
+}
+
 .app-navigation {
 	button.icon-share {
 		opacity: 0.3 !important;
diff --git a/css/fullcalendar.scss b/css/fullcalendar.scss
index 7a8580d0fd..c905f61df7 100644
--- a/css/fullcalendar.scss
+++ b/css/fullcalendar.scss
@@ -116,6 +116,16 @@
 	word-break: break-word;
 }
 
+// Prevent events overlapping over day header
+.fc .fc-list-sticky .fc-list-day > * {
+	z-index: 1;
+}
+
+// Padding to account for left navigation toggle
+.fc-list-table .fc-list-day-cushion {
+	padding-left: calc(var(--default-clickable-area) + var(--default-grid-baseline) * 2);
+}
+
 // highlight current day (exclude day view)
 .fc-timeGridWeek-view,
 .fc-dayGridMonth-view {