diff --git a/crates/ui/src/components/checkbox/checkbox.rs b/crates/ui/src/components/checkbox/checkbox.rs
index d0750f7389..a04a0a4a90 100644
--- a/crates/ui/src/components/checkbox/checkbox.rs
+++ b/crates/ui/src/components/checkbox/checkbox.rs
@@ -100,6 +100,8 @@ impl RenderOnce for Checkbox {
 
         h_flex()
             .id(self.id)
+            .justify_center()
+            .items_center()
             // Rather than adding `px_1()` to add some space around the checkbox,
             // we use a larger parent element to create a slightly larger
             // click area for the checkbox.