From c1162eb9a86547f7d456815a997624c7c898fee5 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden.halko@gmail.com>
Date: Wed, 23 Apr 2025 18:01:02 +0100
Subject: [PATCH] fix: only highlight checkbox on hover when checkbox is
 enabled (#17526)

resolves #17503
---
 site/src/components/Checkbox/Checkbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/Checkbox/Checkbox.tsx b/site/src/components/Checkbox/Checkbox.tsx
index 1278fb12ea..e4e5bc813c 100644
--- a/site/src/components/Checkbox/Checkbox.tsx
+++ b/site/src/components/Checkbox/Checkbox.tsx
@@ -24,7 +24,7 @@ export const Checkbox = React.forwardRef<
     	disabled:cursor-not-allowed disabled:bg-surface-primary disabled:data-[state=checked]:bg-surface-tertiary
     	data-[state=unchecked]:bg-surface-primary
     	data-[state=checked]:bg-surface-invert-primary data-[state=checked]:text-content-invert
-    	hover:border-border-hover hover:data-[state=checked]:bg-surface-invert-secondary`,
+    	hover:enabled:border-border-hover hover:data-[state=checked]:bg-surface-invert-secondary`,
 			className,
 		)}
 		{...props}