diff --git a/apps/mesh/src/web/components/details/connection/connection-activity.tsx b/apps/mesh/src/web/components/details/connection/connection-activity.tsx
index cee5b04b55..826affae6d 100644
--- a/apps/mesh/src/web/components/details/connection/connection-activity.tsx
+++ b/apps/mesh/src/web/components/details/connection/connection-activity.tsx
@@ -142,10 +142,10 @@ function ActivityChart({ connectionId, orgId, timeframe }: ActivityChartProps) {
           </ChartContainer>
           <div className="flex justify-between px-3 mt-1 pb-3">
             <span className="text-[10px] text-muted-foreground">
-              {chartData[0]?.label}
+              {chartData?.[0]?.label}
             </span>
             <span className="text-[10px] text-muted-foreground">
-              {chartData[chartData.length - 1]?.label}
+              {chartData?.[chartData.length - 1]?.label}
             </span>
           </div>
         </div>