diff --git a/cmd/ingestd/web/index.html b/cmd/ingestd/web/index.html
index 4743dfe..2760f17 100644
--- a/cmd/ingestd/web/index.html
+++ b/cmd/ingestd/web/index.html
@@ -90,23 +90,33 @@
         <div class="charts-grid">
           <div class="chart-card">
             <div class="chart-title">Temperature (obs vs forecast)</div>
-            <canvas id="chart-temp"></canvas>
+            <div class="chart-canvas">
+              <canvas id="chart-temp"></canvas>
+            </div>
           </div>
           <div class="chart-card">
             <div class="chart-title">Wind (obs vs forecast)</div>
-            <canvas id="chart-wind"></canvas>
+            <div class="chart-canvas">
+              <canvas id="chart-wind"></canvas>
+            </div>
           </div>
           <div class="chart-card">
             <div class="chart-title">Humidity (obs vs forecast)</div>
-            <canvas id="chart-rh"></canvas>
+            <div class="chart-canvas">
+              <canvas id="chart-rh"></canvas>
+            </div>
           </div>
           <div class="chart-card">
             <div class="chart-title">UV Index and Light</div>
-            <canvas id="chart-light"></canvas>
+            <div class="chart-canvas">
+              <canvas id="chart-light"></canvas>
+            </div>
           </div>
           <div class="chart-card wide">
             <div class="chart-title">Precipitation (forecast)</div>
-            <canvas id="chart-precip"></canvas>
+            <div class="chart-canvas">
+              <canvas id="chart-precip"></canvas>
+            </div>
           </div>
         </div>
       </section>
diff --git a/cmd/ingestd/web/styles.css b/cmd/ingestd/web/styles.css
index 9b50dcf..1166ee9 100644
--- a/cmd/ingestd/web/styles.css
+++ b/cmd/ingestd/web/styles.css
@@ -218,9 +218,18 @@ body {
   margin-bottom: 8px;
 }
 
+.chart-canvas {
+  height: 210px;
+}
+
+.chart-card.wide .chart-canvas {
+  height: 220px;
+}
+
 canvas {
   width: 100%;
-  height: 210px;
+  height: 100%;
+  display: block;
 }
 
 @media (max-width: 980px) {