diff --git a/static/index.html b/static/index.html
index 447dfaf..4169f6e 100644
--- a/static/index.html
+++ b/static/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <script src="chart.js"></script>
     <script src="chartjs-adapter-date-fns.bundle.js"></script>
     <script src="chartjs-chart-error-bars.umd.js"></script>
@@ -11,13 +12,12 @@
       }
       div.chart {
           margin: 20px auto;
-          position: relative;
-          height: 80vh;
-          width: 80vw;
+          max-width: 750px;
       }
-      label {
-          padding-left: 10px;
-          padding-right: 10px;
+      #controls {
+          display: flex;
+          justify-content: center;
+          gap: 20px 20px;
       }
     </style>
     <title>💩📈</title>
diff --git a/static/poopGraph.js b/static/poopGraph.js
index abda5ea..88be48e 100644
--- a/static/poopGraph.js
+++ b/static/poopGraph.js
@@ -107,7 +107,7 @@ function plot(data) {
     const northCtx = document.getElementById('northCanvas');
     const southCtx = document.getElementById('southCanvas');
     let options = {
-        maintainAspectRatio: false,
+        aspectRatio: 1,
         interaction: {
             intersect: false,
         },
@@ -127,6 +127,11 @@ function plot(data) {
                 text: 'Wastewater COVID RNA Signal (copies/mL)',
             },
         },
+        elements: {
+            pointWithErrorBar: {
+                errorBarWhiskerSize: 5,
+            },
+        },
     };
 
     const northChart = new Chart(northCtx, {
