diff --git a/internal/site/src/components/routes/system.tsx b/internal/site/src/components/routes/system.tsx
index 67cf2e22..36bda035 100644
--- a/internal/site/src/components/routes/system.tsx
+++ b/internal/site/src/components/routes/system.tsx
@@ -149,7 +149,7 @@ export default memo(function SystemDetail({ id }: { id: string }) {
 				{hasSystemd && <LazySystemdTable systemId={system.id} />}
 
 				<Suspense>
-					<NetworkProbes systemId={system.id} chartData={chartData} grid={grid} realtimeProbeStats={probeStats} />
+					<NetworkProbes system={system} chartData={chartData} grid={grid} realtimeProbeStats={probeStats} />
 				</Suspense>
 			</>
 		)
@@ -199,7 +199,7 @@ export default memo(function SystemDetail({ id }: { id: string }) {
 						{pageBottomExtraMargin > 0 && <div style={{ marginBottom: pageBottomExtraMargin }}></div>}
 					</div>
 					<Suspense>
-						<NetworkProbes systemId={system.id} chartData={chartData} grid={grid} realtimeProbeStats={probeStats} />
+						<NetworkProbes system={system} chartData={chartData} grid={grid} realtimeProbeStats={probeStats} />
 					</Suspense>
 				</TabsContent>
 
diff --git a/internal/site/src/components/routes/system/network-probes.tsx b/internal/site/src/components/routes/system/network-probes.tsx
index 44c3ce85..536924d5 100644
--- a/internal/site/src/components/routes/system/network-probes.tsx
+++ b/internal/site/src/components/routes/system/network-probes.tsx
@@ -12,7 +12,7 @@ import { AddProbeDialog } from "./probe-dialog"
 import { ChartCard } from "./chart-card"
 import LineChartDefault, { type DataPoint } from "@/components/charts/line-chart"
 import { pinnedAxisDomain } from "@/components/ui/chart"
-import type { ChartData, NetworkProbeRecord, NetworkProbeStatsRecord } from "@/types"
+import type { ChartData, NetworkProbeRecord, NetworkProbeStatsRecord, SystemRecord } from "@/types"
 
 function probeKey(p: NetworkProbeRecord) {
 	if (p.protocol === "tcp") return `${p.protocol}:${p.target}:${p.port}`
@@ -20,16 +20,17 @@ function probeKey(p: NetworkProbeRecord) {
 }
 
 export default function NetworkProbes({
-	systemId,
+	system,
 	chartData,
 	grid,
 	realtimeProbeStats,
 }: {
-	systemId: string
+	system: SystemRecord
 	chartData: ChartData
 	grid: boolean
 	realtimeProbeStats?: NetworkProbeStatsRecord[]
 }) {
+	const systemId = system.id
 	const [probes, setProbes] = useState<NetworkProbeRecord[]>([])
 	const [stats, setStats] = useState<NetworkProbeStatsRecord[]>([])
 	const [latestResults, setLatestResults] = useState<Record<string, { avg: number; loss: number }>>({})
@@ -119,7 +120,7 @@ export default function NetworkProbes({
 			.catch(() => setStats([]))
 
 		return () => controller.abort()
-	}, [systemId, chartTime, probes, activeProbeKeys])
+	}, [system, chartTime, probes, activeProbeKeys])
 
 	const deleteProbe = async (id: string) => {
 		try {