From b5068250f9bc943332d6734e42dc2ee9ce539c8d Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 25 Apr 2026 12:43:11 +0200
Subject: [PATCH] fix(ui): improve onboarding page styling to match sign-in
 page

Add 32px card padding and reduce max-width to 420px for consistency
with the sign-in page. Add noValidate to prevent browser-native
required validation outlines on inputs.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/OnboardingPage.module.css | 6 +++++-
 ui/src/pages/OnboardingPage.tsx        | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/src/pages/OnboardingPage.module.css b/ui/src/pages/OnboardingPage.module.css
index f10adee..601cd97 100644
--- a/ui/src/pages/OnboardingPage.module.css
+++ b/ui/src/pages/OnboardingPage.module.css
@@ -8,10 +8,14 @@
 
 .wrapper {
   width: 100%;
-  max-width: 480px;
+  max-width: 420px;
   padding: 16px;
 }
 
+.card {
+  padding: 32px;
+}
+
 .inner {
   display: flex;
   flex-direction: column;
diff --git a/ui/src/pages/OnboardingPage.tsx b/ui/src/pages/OnboardingPage.tsx
index 938de71..1467ca1 100644
--- a/ui/src/pages/OnboardingPage.tsx
+++ b/ui/src/pages/OnboardingPage.tsx
@@ -43,7 +43,7 @@ export function OnboardingPage() {
   return (
     <div className={styles.page}>
       <div className={styles.wrapper}>
-        <Card>
+        <Card className={styles.card}>
           <div className={styles.inner}>
             <div className={styles.logo}>
               <img src={cameleerLogo} alt="" className={styles.logoImg} />
@@ -59,7 +59,7 @@ export function OnboardingPage() {
               </div>
             )}
 
-            <form onSubmit={handleSubmit} className={styles.form}>
+            <form onSubmit={handleSubmit} className={styles.form} noValidate>
               <FormField label="Organization name" htmlFor="onboard-name" required>
                 <Input
                   id="onboard-name"