From b6e38815e35f7284068608480af5a546b4b5c3bf Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 8 Oct 2025 21:36:11 -0700
Subject: [PATCH] center align checkbox label by default

---
 src/shared/components/checkbox/checkbox.module.css | 4 ++++
 src/shared/components/checkbox/checkbox.tsx        | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/shared/components/checkbox/checkbox.module.css b/src/shared/components/checkbox/checkbox.module.css
index 7aa021dbd..8114693d8 100644
--- a/src/shared/components/checkbox/checkbox.module.css
+++ b/src/shared/components/checkbox/checkbox.module.css
@@ -7,6 +7,10 @@
     }
 }
 
+.body {
+    align-items: center;
+}
+
 .input:disabled {
     border: 1px solid var(--theme-colors-border);
     opacity: 0.6;
diff --git a/src/shared/components/checkbox/checkbox.tsx b/src/shared/components/checkbox/checkbox.tsx
index 2b2c7d3ba..a1c8cb43f 100644
--- a/src/shared/components/checkbox/checkbox.tsx
+++ b/src/shared/components/checkbox/checkbox.tsx
@@ -10,6 +10,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
         return (
             <MantineCheckbox
                 classNames={{
+                    body: styles.body,
                     input: styles.input,
                     label: styles.label,
                     ...classNames,