diff --git a/dashboard.html b/dashboard.html
index 98f8d37..f6866f5 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" style="height: 100%">
 
 <head>
   <meta charset="utf-8">
@@ -17,7 +17,7 @@
 
 </head>
 
-<body>
+<body style="height: 100%;">
   <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
     <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">BlueWeather</a>
 
@@ -28,8 +28,8 @@
     </ul>
   </nav>
 
-  <div class="container-fluid">
-    <div class="row">
+  <div class="container-fluid" style="height: 100%">
+    <div class="row" style="height: 100%">
       <!-- Nav bar on the right side -->
       <nav class="col-md-2 d-none d-md-block bg-light sidebar">
         <div class="sidebar-sticky">
@@ -95,7 +95,7 @@
       </nav>
 
       <!-- Main content area -->
-      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
+      <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4" style="height: 90%">
         <div
           class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
           <h1 class="h2" id="titleH1">Dashboard</h1>
@@ -104,7 +104,7 @@
               <button type="button" class="btn btn-sm btn-outline-secondary">Share</button>
               <button type="button" class="btn btn-sm btn-outline-secondary">Export</button>
             </div>
-            <div class="dropdown">
+            <div class="dropdown" class="h-100">
               <button id="dropdownMenuButton" type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle" data-toggle="dropdown">
                 <span data-feather="calendar"></span>
                 This week
@@ -118,7 +118,7 @@
           </div>
         </div>
 
-        <div id="mainContent">
+        <div id="mainContent" style="height: 100%">
         </div>
     </div>
     </main>
diff --git a/js/dashboard.js b/js/dashboard.js
index 46b272d..3138d44 100644
--- a/js/dashboard.js
+++ b/js/dashboard.js
@@ -69,7 +69,7 @@ function setPage(page) {
       chartData.data.push({ x: vals[i]["timestamp"], y: vals[i]["measvalue"] })
     }
 
-    mainContent.innerHTML = "<canvas class=\"my-4 w-100\" id=\"myChart\" width=\"900\" height=\"380\"></canvas>"
+    mainContent.innerHTML = "<canvas class=\"my-4 w-100\" id=\"myChart\"></canvas>"
     setPageTitle(chartData.label)
 
     blueweather.log("creating chart with data: " + JSON.stringify(chartData), 3)
@@ -113,7 +113,8 @@ function createDiagram(canvasId, data) {
   };
 
   var chartOptions = {
-
+    responsive:true,
+    maintainAspectRatio: false,
     scales: {
       yAxes: [
         {
