diff --git a/@app/components/src/EventRegistrationForm.tsx b/@app/components/src/EventRegistrationForm.tsx
index e6c6cf87e..90379db02 100644
--- a/@app/components/src/EventRegistrationForm.tsx
+++ b/@app/components/src/EventRegistrationForm.tsx
@@ -237,6 +237,7 @@ export const EventRegistrationForm: React.FC<EventRegistrationFormProps> = memo(
         colon={false}
         form={form}
         initialValues={initialValues}
+        layout={"vertical"}
         onFinish={handleSubmit}
       >
         <Form.Item
diff --git a/@app/lib/src/forms.ts b/@app/lib/src/forms.ts
index 526d30df3..b18ae6589 100644
--- a/@app/lib/src/forms.ts
+++ b/@app/lib/src/forms.ts
@@ -23,14 +23,13 @@ export const tailFormItemLayout = {
   },
 }
 
-// Use narrower form items for the registration form
 export const registrationFormItemLayout = {
   labelCol: {
-    xs: { span: 24 },
-    sm: { span: 6 },
+    xs: { offset: 0, span: 24 },
+    sm: { offset: 6, span: 18 },
   },
   wrapperCol: {
-    xs: { span: 24 },
-    sm: { span: 12 },
+    xs: { offset: 0, span: 24 },
+    sm: { offset: 6, span: 18 },
   },
 }