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;