diff --git a/resources/views/calendar/index.blade.php b/resources/views/calendar/index.blade.php
index aea9e378..8b337212 100644
--- a/resources/views/calendar/index.blade.php
+++ b/resources/views/calendar/index.blade.php
@@ -17,6 +17,11 @@
 
             const calendar = new FullCalendar.Calendar(calendarEl, {
                 plugins: ['dayGrid'],
+                header: {
+                    left: 'title',
+                    center: '',
+                    right: 'dayGridMonth,dayGridDay,prev,next' // user can switch between the two
+                },
                 events: {
                     url: '/api/calendar',
                     // extraParams: function() { // a function that returns an object