diff --git a/components/metrics/MetricsBar.js b/components/metrics/MetricsBar.js
index 21928b61..0e7c47e9 100644
--- a/components/metrics/MetricsBar.js
+++ b/components/metrics/MetricsBar.js
@@ -43,7 +43,7 @@ export default function MetricsBar({ websiteId, className }) {
     setFormat(state => !state);
   }
 
-  const { pageviews, uniques, bounces, totaltime } = data || {};
+  const { pageviews, uniques, bounces, totaltime, events } = data || {};
   const num = Math.min(data && uniques.value, data && bounces.value);
   const diffs = data && {
     pageviews: pageviews.value - pageviews.change,
@@ -70,6 +70,12 @@ export default function MetricsBar({ websiteId, className }) {
             change={uniques.change}
             format={formatFunc}
           />
+          <MetricCard
+            label={<FormattedMessage id="metrics.events" defaultMessage="Events" />}
+            value={events.value}
+            change={events.change}
+            format={formatFunc}
+          />
           <MetricCard
             label={<FormattedMessage id="metrics.bounce-rate" defaultMessage="Bounce rate" />}
             value={uniques.value ? (num / uniques.value) * 100 : 0}