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"