From 19049ce22c119c51ab452db4f8e7eef9a21e99cf Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Tue, 22 Oct 2024 10:46:11 +0200
Subject: [PATCH] fix(SW-360): signup cta ui + name lable formatting

---
 components/Forms/Register/form.module.css | 4 ++++
 components/Forms/Register/index.tsx       | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/Forms/Register/form.module.css b/components/Forms/Register/form.module.css
index 612cbc8f8..dc913b792 100644
--- a/components/Forms/Register/form.module.css
+++ b/components/Forms/Register/form.module.css
@@ -46,4 +46,8 @@
   .nameInputs {
     grid-template-columns: 1fr 1fr;
   }
+
+  .signUpButton {
+    width: fit-content;
+  }
 }
diff --git a/components/Forms/Register/index.tsx b/components/Forms/Register/index.tsx
index ed82617b0..a8f3f6524 100644
--- a/components/Forms/Register/index.tsx
+++ b/components/Forms/Register/index.tsx
@@ -94,12 +94,12 @@ export default function Form({ link, subtitle, title }: RegisterFormProps) {
               </header>
               <div className={styles.nameInputs}>
                 <Input
-                  label={"firstName"}
+                  label={intl.formatMessage({ id: "First name" })}
                   name="firstName"
                   registerOptions={{ required: true }}
                 />
                 <Input
-                  label={"lastName"}
+                  label={intl.formatMessage({ id: "Last name" })}
                   name="lastName"
                   registerOptions={{ required: true }}
                 />
@@ -171,7 +171,9 @@ export default function Form({ link, subtitle, title }: RegisterFormProps) {
             </Checkbox>
           </section>
           <Button
+            className={styles.signUpButton}
             type="submit"
+            theme="base"
             intent="primary"
             disabled={methods.formState.isSubmitting}
             data-testid="submit"