diff --git a/css/fullcalendar.scss b/css/fullcalendar.scss
index a6e71f89c6..ec97c97c7b 100644
--- a/css/fullcalendar.scss
+++ b/css/fullcalendar.scss
@@ -60,7 +60,8 @@
 
 // Today highlighting
 .fc-day-today {
-	&.fc-col-header-cell {
+	&.fc-col-header-cell,
+	&.fc-list-day {
 		a, span {
 			padding: 2px 6px;
 			font-weight: bold;
diff --git a/src/components/CalendarGrid.vue b/src/components/CalendarGrid.vue
index af8d77f917..f811652141 100644
--- a/src/components/CalendarGrid.vue
+++ b/src/components/CalendarGrid.vue
@@ -171,7 +171,7 @@ export default {
 				droppable: true,
 				eventReceive: this.handleEventReceive,
 				eventShortHeight: 38,
-				loading: this.scrollMonthViewToToday,
+				loading: this.scrollViewToToday,
 			}
 		},
 
@@ -322,15 +322,15 @@ export default {
 
 	methods: {
 		/**
-		 * Scroll the month view to today when loading the calendar,
+		 * Scroll the month or list view to today when loading the calendar,
 		 * so people can directly see today's date and events.
 		 */
-		scrollMonthViewToToday(isLoading) {
+		scrollViewToToday(isLoading) {
 			if (isLoading) {
 				return
 			}
 			const calendarApi = this.$refs.fullCalendar.getApi()
-			if (calendarApi.view.type !== 'dayGridMonth') {
+			if (calendarApi.view.type !== 'dayGridMonth' && calendarApi.view.type !== 'listMonth') {
 				return
 			}
 			this.$nextTick(() => {