From 3becaf5f4f2b3d1e840a7482bb7368c34bd083b5 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Tue, 7 Jul 2026 19:00:07 +0200
Subject: [PATCH] Fix terms checkbox: wrap input inside label for reliable
 toggling

---
 src/components/auth/register-form.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/auth/register-form.tsx b/src/components/auth/register-form.tsx
index 61c2e404..39c38f77 100644
--- a/src/components/auth/register-form.tsx
+++ b/src/components/auth/register-form.tsx
@@ -154,19 +154,18 @@ export function RegisterForm({
         <div className="rounded-md p-3 flex flex-col gap-3" style={{
           backgroundColor: "color-mix(in srgb, var(--color-background) 50%, var(--color-surface))",
         }}>
-          <fieldset className="flex flex-wrap items-center w-full gap-3 text-sm">
+          <label className="flex flex-wrap items-center w-full gap-3 text-sm cursor-pointer">
             <input
-              id="terms"
               name="terms"
               type="checkbox"
               className="w-4 h-4 border-gray-300 rounded focus:ring-0 shrink-0"
               style={{ borderColor: "color-mix(in srgb, var(--color-text-muted) 30%, transparent)" }}
               required
             />
-            <label htmlFor="terms" className="font-semibold cursor-pointer" style={{ color: "var(--color-text)" }}>
+            <span className="font-semibold" style={{ color: "var(--color-text)" }}>
               {t("termsAccept", { hotel: hotelName })}
-            </label>
-          </fieldset>
+            </span>
+          </label>
         </div>
 
         {/* Captcha */}