From 3861041bc141520d6cc4d7b496cfaaf7ee7bc71c Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 20 Dec 2024 10:33:10 -0500
Subject: [PATCH] fixes #350

---
 src/components/checkbox/checkbox.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/checkbox/checkbox.css b/src/components/checkbox/checkbox.css
index ed13bb5a4..301d2d4e5 100644
--- a/src/components/checkbox/checkbox.css
+++ b/src/components/checkbox/checkbox.css
@@ -17,7 +17,12 @@ input {
 }
 
 [part~='icon'] {
-  display: inline-flex;
+  display: flex;
+
+  /* Without this, Safari renders the icon slightly to the left */
+  &::part(svg) {
+    translate: 0.0009765625em;
+  }
 
   input:not(:checked, :indeterminate) + & {
     visibility: hidden;