diff --git a/Plan/common/src/main/resources/assets/plan/web/js/graphs.js b/Plan/common/src/main/resources/assets/plan/web/js/graphs.js
index d5ea4445e..be229315a 100644
--- a/Plan/common/src/main/resources/assets/plan/web/js/graphs.js
+++ b/Plan/common/src/main/resources/assets/plan/web/js/graphs.js
@@ -400,7 +400,8 @@ function sessionCalendar(id, events, firstDay) {
         events: events,
 
         navLinks: true,
-        height: 'parent',
+        height: 450,
+        contentHeight: 445,
         header: {
             left: 'title',
             center: '',
@@ -557,10 +558,10 @@ function worldMap(id, colorMin, colorMax, mapSeries) {
 function worldPie(id, worldSeries, gmSeries, bgColor) {
     var defaultTitle = '';
     var defaultSubtitle = 'Click the slices to view used GameMode';
-
+    var nightMode = window.localStorage.getItem('nightMode') == 'true';
     var chart = Highcharts.chart(id, {
         chart: {
-            backgroundColor: bgColor ? bgColor : '#44475a',
+            backgroundColor: nightMode ? (bgColor ? bgColor : '#44475a') : '#fff',
             plotBackgroundColor: null,
             plotBorderWidth: null,
             plotShadow: false,
diff --git a/Plan/common/src/main/resources/assets/plan/web/player.html b/Plan/common/src/main/resources/assets/plan/web/player.html
index 221f4fb83..a6965fccc 100644
--- a/Plan/common/src/main/resources/assets/plan/web/player.html
+++ b/Plan/common/src/main/resources/assets/plan/web/player.html
@@ -344,7 +344,7 @@
                                             class="far fa-fw fa-calendar-alt col-teal"></i>
                                         Session Calendar</h6>
                                 </div>
-                                <div class="chart-area" id="sessionCalendar"></div>
+                                <div class="chart-area" id="sessionCalendar" style="height: 510px;"></div>
                             </div>
 
                             <!-- Most Recent Sessions -->