diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index f311456da..fcaf44a53 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -145,6 +145,11 @@
         }
     }
 
+    #cp-toolbar .cp-calendar-browse {
+        display: flex;
+        align-items: center;
+    }
+
     #cp-sidebarlayout-leftside {
         & > div {
             padding: 10px
@@ -154,13 +159,6 @@
             align-items: center;
             justify-content: space-between;
         }
-        .cp-calendar-browse {
-            display: flex;
-            align-items: center;
-            justify-content: space-around;
-            justify-content: space-evenly;
-        }
-
         .cp-calendar-list {
             .cp-calendar-team {
                 height: 30px;
diff --git a/www/calendar/inner.js b/www/calendar/inner.js
index 16ad1866e..3fbb3654d 100644
--- a/www/calendar/inner.js
+++ b/www/calendar/inner.js
@@ -607,8 +607,9 @@ Messages.calendar_dateTimeRange = "{0} {1} - {2}";
             date = h('b', start);
         } else if (APP.calendar._viewName === "month") {
             var month;
+            var mid = new Date(Math.floor(((+range.start._date) + (+range.end._date)) / 2));
             try {
-                month = range.start._date.toLocaleString('default', {
+                month = mid.toLocaleString('default', {
                     month: 'long',
                     year:'numeric'
                 });