From f70c30345ab418a359dd7c002701f7460bcb95f2 Mon Sep 17 00:00:00 2001
From: henrygd <hank@henrygd.me>
Date: Wed, 24 Sep 2025 17:07:38 -0400
Subject: [PATCH] fix sticky header z-index

---
 internal/site/src/components/routes/system/network-sheet.tsx | 2 +-
 .../src/components/systems-table/systems-table-columns.tsx   | 5 +----
 internal/site/src/components/systems-table/systems-table.tsx | 2 +-
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/internal/site/src/components/routes/system/network-sheet.tsx b/internal/site/src/components/routes/system/network-sheet.tsx
index 22e4ed93..c87e87ea 100644
--- a/internal/site/src/components/routes/system/network-sheet.tsx
+++ b/internal/site/src/components/routes/system/network-sheet.tsx
@@ -40,7 +40,7 @@ export default memo(function NetworkSheet({
 
 	return (
 		<Sheet open={netInterfacesOpen} onOpenChange={setNetInterfacesOpen}>
-			<DialogTitle className="sr-only">{t`Network`}</DialogTitle>
+			<DialogTitle className="sr-only">{t`Network traffic of public interfaces`}</DialogTitle>
 			<SheetTrigger asChild>
 				<Button
 					title={t`View more`}
diff --git a/internal/site/src/components/systems-table/systems-table-columns.tsx b/internal/site/src/components/systems-table/systems-table-columns.tsx
index ef7627ec..d3e25946 100644
--- a/internal/site/src/components/systems-table/systems-table-columns.tsx
+++ b/internal/site/src/components/systems-table/systems-table-columns.tsx
@@ -280,10 +280,7 @@ export default function SystemsTableColumns(viewMode: "table" | "grid"): ColumnD
 				return (
 					<Link
 						href={getPagePath($router, "system", { name: system.name })}
-						className={cn(
-							"flex gap-1.5 items-center md:pe-5 tabular-nums relative z-30",
-							viewMode === "table" && "ps-0.5"
-						)}
+						className={cn("flex gap-1.5 items-center md:pe-5 tabular-nums relative", viewMode === "table" && "ps-0.5")}
 						tabIndex={-1}
 						title={connectionTypeLabels[system.info.ct as ConnectionType]}
 						role="none"
diff --git a/internal/site/src/components/systems-table/systems-table.tsx b/internal/site/src/components/systems-table/systems-table.tsx
index ef6fd8fa..bd128f5f 100644
--- a/internal/site/src/components/systems-table/systems-table.tsx
+++ b/internal/site/src/components/systems-table/systems-table.tsx
@@ -370,7 +370,7 @@ const AllSystemsTable = memo(
 function SystemsTableHead({ table }: { table: TableType<SystemRecord> }) {
 	const { t } = useLingui()
 	return (
-		<TableHeader className="sticky top-0 z-20 w-full border-b-2">
+		<TableHeader className="sticky top-0 z-50 w-full border-b-2">
 			{table.getHeaderGroups().map((headerGroup) => (
 				<tr key={headerGroup.id}>
 					{headerGroup.headers.map((header) => {