diff --git a/components/metrics/RealtimeHeader.js b/components/metrics/RealtimeHeader.js
index 8273b88c..67687314 100644
--- a/components/metrics/RealtimeHeader.js
+++ b/components/metrics/RealtimeHeader.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import PageHeader from '../layout/PageHeader';
 import DropDown from '../common/DropDown';
+import ActiveUsers from './ActiveUsers';
 import MetricCard from './MetricCard';
 import styles from './RealtimeHeader.module.css';
 
@@ -24,6 +25,9 @@ export default function RealtimeHeader({ websites, data, websiteId, onSelect })
         <div>
           <FormattedMessage id="label.realtime" defaultMessage="Realtime" />
         </div>
+        <div>
+          <ActiveUsers className={styles.active} websiteId={websiteId} />
+        </div>
         <DropDown value={websiteId} options={options} onChange={onSelect} />
       </PageHeader>
       <div className={styles.metrics}>