From 50d2406423178c79407de1055b3fb9124903234a Mon Sep 17 00:00:00 2001
From: Sven van Ginkel <svenvanginkel@icloud.com>
Date: Thu, 28 Aug 2025 18:07:27 +0200
Subject: [PATCH] [Bug] Fix system table in Safari (#1092)

Co-authored-by: henrygd <hank@henrygd.me>
---
 beszel/site/src/components/systems-table/systems-table.tsx | 2 +-
 beszel/site/src/index.css                                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/beszel/site/src/components/systems-table/systems-table.tsx b/beszel/site/src/components/systems-table/systems-table.tsx
index bebca9b..2ddc77b 100644
--- a/beszel/site/src/components/systems-table/systems-table.tsx
+++ b/beszel/site/src/components/systems-table/systems-table.tsx
@@ -292,7 +292,7 @@ const SystemTableRow = memo(
 			return (
 				<TableRow
 					// data-state={row.getIsSelected() && "selected"}
-					className={cn("cursor-pointer transition-opacity relative", {
+					className={cn("cursor-pointer transition-opacity relative safari:transform-3d", {
 						"opacity-50": system.status === SystemStatus.Paused,
 					})}
 				>
diff --git a/beszel/site/src/index.css b/beszel/site/src/index.css
index 92302a3..5b62e44 100644
--- a/beszel/site/src/index.css
+++ b/beszel/site/src/index.css
@@ -2,6 +2,7 @@
 @import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));
+@custom-variant safari (@supports (hanging-punctuation: first) and (-webkit-appearance: none));
 
 :root {
 	--background: hsl(30 8% 98%);