diff --git a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
index af12715b2..c3cad3bc1 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteMetricsBar.tsx
@@ -43,19 +43,19 @@ export function WebsiteMetricsBar({
           ...pageviews,
           label: formatMessage(labels.views),
           change: pageviews.value - pageviews.prev,
-          formatValue: (n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n)),
+          formatValue: (n: number) => intl.formatNumber(n, formatLongNumberOptions(n)),
         },
         {
           ...visits,
           label: formatMessage(labels.visits),
           change: visits.value - visits.prev,
-          formatValue: (n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n)),
+          formatValue: (n: number) => intl.formatNumber(n, formatLongNumberOptions(n)),
         },
         {
           ...visitors,
           label: formatMessage(labels.visitors),
           change: visitors.value - visitors.prev,
-          formatValue: (n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n)),
+          formatValue: (n: number) => intl.formatNumber(n, formatLongNumberOptions(n)),
         },
         {
           label: formatMessage(labels.bounceRate),
diff --git a/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
index 5180bf3b4..54add9b4e 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsMetricsBar.tsx
@@ -18,22 +18,22 @@ export function EventsMetricsBar({ websiteId }: { websiteId: string }) {
         <MetricCard
           value={data?.visitors?.value}
           label={formatMessage(labels.visitors)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.visits?.value}
           label={formatMessage(labels.visits)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.pageviews?.value}
           label={formatMessage(labels.views)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.events?.value}
           label={formatMessage(labels.events)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
       </MetricsBar>
       <WebsiteDateFilter websiteId={websiteId} />
diff --git a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
index 91805b07e..754b95cca 100644
--- a/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
+++ b/src/app/(main)/websites/[websiteId]/realtime/RealtimeHeader.tsx
@@ -17,25 +17,25 @@ export function RealtimeHeader({ data }: { data: RealtimeData }) {
           className={styles.card}
           label={formatMessage(labels.views)}
           value={totals.views}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           className={styles.card}
           label={formatMessage(labels.visitors)}
           value={totals.visitors}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           className={styles.card}
           label={formatMessage(labels.events)}
           value={totals.events}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           className={styles.card}
           label={formatMessage(labels.countries)}
           value={totals.countries}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
       </div>
     </div>
diff --git a/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx b/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
index ea7bfd7f2..e2be41b62 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionsMetricsBar.tsx
@@ -18,22 +18,22 @@ export function SessionsMetricsBar({ websiteId }: { websiteId: string }) {
         <MetricCard
           value={data?.visitors?.value}
           label={formatMessage(labels.visitors)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.visits?.value}
           label={formatMessage(labels.visits)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.pageviews?.value}
           label={formatMessage(labels.views)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
         <MetricCard
           value={data?.countries?.value}
           label={formatMessage(labels.countries)}
-          formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+          formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
         />
       </MetricsBar>
       <WebsiteDateFilter websiteId={websiteId} />
diff --git a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx
index 62f1059cb..3a915d769 100644
--- a/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionStats.tsx
@@ -13,17 +13,17 @@ export function SessionStats({ data }) {
       <MetricCard
         label={formatMessage(labels.visits)}
         value={data?.visits}
-        formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+        formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
       />
       <MetricCard
         label={formatMessage(labels.views)}
         value={data?.views}
-        formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+        formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
       />
       <MetricCard
         label={formatMessage(labels.events)}
         value={data?.events}
-        formatValue={(n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n))}
+        formatValue={(n: number) => intl.formatNumber(n, formatLongNumberOptions(n))}
       />
       <MetricCard
         label={formatMessage(labels.visitDuration)}
diff --git a/src/components/metrics/ListTable.tsx b/src/components/metrics/ListTable.tsx
index 098b21f94..fba44d218 100644
--- a/src/components/metrics/ListTable.tsx
+++ b/src/components/metrics/ListTable.tsx
@@ -97,7 +97,7 @@ const AnimatedRow = ({ label, value = 0, percent, change, animate, showPercentag
       <div className={styles.value}>
         {change}
         <animated.div className={styles.value} title={props?.y as any}>
-          {props.y?.to((n: number) => intl.formatNumber(+n, formatLongNumberOptions(+n)))}
+          {props.y?.to((n: number) => intl.formatNumber(n, formatLongNumberOptions(n)))}
         </animated.div>
       </div>
       {showPercentage && (