diff --git a/src/components/metrics/PageviewsChart.tsx b/src/components/metrics/PageviewsChart.tsx
index 3d77e546..782ff6fa 100644
--- a/src/components/metrics/PageviewsChart.tsx
+++ b/src/components/metrics/PageviewsChart.tsx
@@ -3,20 +3,20 @@ import BarChart, { BarChartProps } from 'components/charts/BarChart';
 import { useLocale, useTheme, useMessages } from 'components/hooks';
 import { renderDateLabels } from 'lib/charts';
 
-export interface PageviewsChartProps extends BarChartProps {
+export interface PagepageviewsChartProps extends BarChartProps {
   data: {
-    views: any[];
-    visitors: any[];
+    pageviews: any[];
+    sessions: any[];
     compare?: {
-      views: any[];
-      visitors: any[];
+      pageviews: any[];
+      sessions: any[];
     };
   };
   unit: string;
   isLoading?: boolean;
 }
 
-export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsChartProps) {
+export function PagepageviewsChart({ data, unit, isLoading, ...props }: PagepageviewsChartProps) {
   const { formatMessage, labels } = useMessages();
   const { colors } = useTheme();
   const { locale } = useLocale();
@@ -29,15 +29,15 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
     return {
       datasets: [
         {
-          label: formatMessage(labels.visitors),
-          data: data.visitors,
+          label: formatMessage(labels.sessions),
+          data: data.sessions,
           borderWidth: 1,
           ...colors.chart.visitors,
           order: 3,
         },
         {
-          label: formatMessage(labels.views),
-          data: data.views,
+          label: formatMessage(labels.pageviews),
+          data: data.pageviews,
           borderWidth: 1,
           ...colors.chart.views,
           order: 4,
@@ -46,8 +46,8 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
           ? [
               {
                 type: 'line',
-                label: `${formatMessage(labels.views)} (${formatMessage(labels.previous)})`,
-                data: data.compare.views,
+                label: `${formatMessage(labels.pageviews)} (${formatMessage(labels.previous)})`,
+                data: data.compare.pageviews,
                 borderWidth: 2,
                 backgroundColor: '#8601B0',
                 borderColor: '#8601B0',
@@ -55,8 +55,8 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
               },
               {
                 type: 'line',
-                label: `${formatMessage(labels.visitors)} (${formatMessage(labels.previous)})`,
-                data: data.compare.visitors,
+                label: `${formatMessage(labels.sessions)} (${formatMessage(labels.previous)})`,
+                data: data.compare.sessions,
                 borderWidth: 2,
                 backgroundColor: '#f15bb5',
                 borderColor: '#f15bb5',
@@ -79,4 +79,4 @@ export function PageviewsChart({ data, unit, isLoading, ...props }: PageviewsCha
   );
 }
 
-export default PageviewsChart;
+export default PagepageviewsChart;
diff --git a/src/components/metrics/RealtimeChart.tsx b/src/components/metrics/RealtimeChart.tsx
index 0dd8f7c0..b24eedb5 100644
--- a/src/components/metrics/RealtimeChart.tsx
+++ b/src/components/metrics/RealtimeChart.tsx
@@ -18,12 +18,12 @@ export function RealtimeChart({ data, unit, ...props }: RealtimeChartProps) {
 
   const chartData = useMemo(() => {
     if (!data) {
-      return { views: [], visitors: [] };
+      return { pageviews: [], sessions: [] };
     }
 
     return {
-      views: getDateArray(data.series.views, startDate, endDate, unit),
-      visitors: getDateArray(data.series.visitors, startDate, endDate, unit),
+      pageviews: getDateArray(data.series.views, startDate, endDate, unit),
+      sessions: getDateArray(data.series.visitors, startDate, endDate, unit),
     };
   }, [data, startDate, endDate, unit]);