diff --git a/.changeset/fair-singers-consent.md b/.changeset/fair-singers-consent.md
new file mode 100644
index 00000000000..fa725ae3d2f
--- /dev/null
+++ b/.changeset/fair-singers-consent.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix the legal consent checkbox growing in size when its label wraps to a second line while using the `simple` theme. The checkbox is now aligned to the start of the row so it no longer stretches to match the label height.
diff --git a/packages/clerk-js/sandbox/app.ts b/packages/clerk-js/sandbox/app.ts
index ce846c511c8..f509f575d4f 100644
--- a/packages/clerk-js/sandbox/app.ts
+++ b/packages/clerk-js/sandbox/app.ts
@@ -281,6 +281,8 @@ async function initControls() {
     .addBinding(PARAMS, 'baseTheme', {
       options: {
         default: '',
+        clerk: 'clerk',
+        simple: 'simple',
         dark: 'dark',
         shadesOfPurple: 'shadesOfPurple',
         neobrutalism: 'neobrutalism',
@@ -357,6 +359,8 @@ async function initControls() {
 }
 
 const themes: Record<string, unknown> = {
+  clerk: 'clerk',
+  simple: 'simple',
   dark,
   shadesOfPurple,
   neobrutalism,
diff --git a/packages/ui/src/elements/LegalConsentCheckbox.tsx b/packages/ui/src/elements/LegalConsentCheckbox.tsx
index fce2a7051e3..a8410b23356 100644
--- a/packages/ui/src/elements/LegalConsentCheckbox.tsx
+++ b/packages/ui/src/elements/LegalConsentCheckbox.tsx
@@ -79,7 +79,10 @@ export const LegalCheckbox = (
 
   return (
     <Field.Root {...props}>
-      <Flex justify='center'>
+      <Flex
+        justify='center'
+        align='start'
+      >
         <Field.CheckboxIndicator
           elementDescriptor={descriptors.formFieldCheckboxInput}
           elementId={descriptors.formFieldInput.setId('legalAccepted')}