diff --git a/web/src/app/ee/admin/performance/usage/QueryPerformanceChart.tsx b/web/src/app/ee/admin/performance/usage/QueryPerformanceChart.tsx
index c3d7e5a22384..7cf9a0c10847 100644
--- a/web/src/app/ee/admin/performance/usage/QueryPerformanceChart.tsx
+++ b/web/src/app/ee/admin/performance/usage/QueryPerformanceChart.tsx
@@ -45,7 +45,6 @@ export function QueryPerformanceChart({
   } else {
     const initialDate = timeRange.from || new Date(queryAnalyticsData[0].date);
     const dateRange = getDatesList(initialDate);
-    console.log("dateRange", dateRange);
 
     const dateToQueryAnalytics = new Map(
       queryAnalyticsData.map((queryAnalyticsEntry) => [
@@ -59,8 +58,6 @@ export function QueryPerformanceChart({
         userAnalyticsEntry,
       ])
     );
-    // console.log("dateToQueryAnalytics", dateToQueryAnalytics);
-    // console.log("dateToUserAnalytics", dateToUserAnalytics);
 
     chart = (
       <AreaChartDisplay
diff --git a/web/src/components/ui/areaChart.tsx b/web/src/components/ui/areaChart.tsx
index 1762c239c1a9..0dcf947d005e 100644
--- a/web/src/components/ui/areaChart.tsx
+++ b/web/src/components/ui/areaChart.tsx
@@ -50,7 +50,7 @@ export function AreaChartDisplay({
   categories = [],
   index,
   colors = ["indigo", "fuchsia"],
-  xAxisFormatter,
+  xAxisFormatter = (dateStr: string) => dateStr,
   valueFormatter = (number: number) =>
     `${Intl.NumberFormat("us").format(number).toString()}`,
   startEndOnly = false,
@@ -96,7 +96,7 @@ export function AreaChartDisplay({
                   tickLine={false}
                   axisLine={false}
                   tickMargin={8}
-                  tickFormatter={(value) => xAxisFormatter?.(value) || value}
+                  tickFormatter={(value) => xAxisFormatter(value)}
                 />
               )}
               {showYAxis && (