diff --git a/js/beestat/style.js b/js/beestat/style.js
index 6536087..eb982fb 100644
--- a/js/beestat/style.js
+++ b/js/beestat/style.js
@@ -191,7 +191,7 @@ beestat.series = {
   },
   'outdoor_humidity': {
     'name': 'Outdoor Humidity',
-    'color': beestat.style.color.bluegreen.base
+    'color': beestat.style.color.green.light
   },
 
   'calendar_event_home': {
diff --git a/js/component/card/recent_activity.js b/js/component/card/recent_activity.js
index e1cd902..72060bc 100644
--- a/js/component/card/recent_activity.js
+++ b/js/component/card/recent_activity.js
@@ -537,6 +537,30 @@ beestat.component.card.recent_activity.prototype.decorate_contents_ = function(p
     'linecap': 'square'
   });
 
+  this.chart_.options.series.push({
+    'id': 'outdoor_humidity',
+    'data': series.outdoor_humidity.chart_data,
+    'yAxis': 2,
+    'name': beestat.series.outdoor_humidity.name,
+    'marker': {
+      'enabled': false,
+      'states': {'hover': {'enabled': false}}
+    },
+    'type': 'spline',
+    'dashStyle': 'DashDot',
+    'visible': false,
+    'lineWidth': 1,
+    'color': beestat.series.outdoor_humidity.color,
+    'states': {'hover': {'lineWidthPlus': 0}},
+
+    /*
+     * Weird HighCharts bug...
+     * https://stackoverflow.com/questions/48374093/highcharts-highstock-line-change-to-area-bug
+     * https://github.com/highcharts/highcharts/issues/766
+     */
+    'linecap': 'square'
+  });
+
   this.chart_.options.series.push({
     'data': series.indoor_temperature.chart_data,
     'yAxis': 0,