diff --git a/ui/src/api/queries/executions.ts b/ui/src/api/queries/executions.ts
index e9b9419b..974d7510 100644
--- a/ui/src/api/queries/executions.ts
+++ b/ui/src/api/queries/executions.ts
@@ -46,6 +46,7 @@ export function useStatsTimeseries(timeFrom: string | undefined, timeTo: string
       return data!;
     },
     enabled: !!timeFrom,
+    placeholderData: (prev) => prev,
     refetchInterval: 30_000,
   });
 }
diff --git a/ui/src/components/shared/Sparkline.tsx b/ui/src/components/shared/Sparkline.tsx
index c6583cde..025e7a36 100644
--- a/ui/src/components/shared/Sparkline.tsx
+++ b/ui/src/components/shared/Sparkline.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useId } from 'react';
+import { useMemo, useRef } from 'react';
 
 interface SparklineProps {
   data: number[];
@@ -6,7 +6,8 @@ interface SparklineProps {
 }
 
 export function Sparkline({ data, color }: SparklineProps) {
-  const gradientId = useId();
+  const gradientIdRef = useRef('spark-' + Math.random().toString(36).slice(2, 9));
+  const gradientId = gradientIdRef.current;
 
   // Drop first and last buckets — they are partial time windows and skew the trend
   const trimmed = useMemo(() => (data.length > 4 ? data.slice(1, -1) : data), [data]);