From efd973ebc50851571590014eb71a7b8feff2f677 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Wed, 25 Feb 2026 16:51:00 -0800
Subject: [PATCH 1/4] moved padding

---
 .../_components/AuthFormBackground/AuthFormBackground.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
index f072b977f..fad969e74 100644
--- a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
+++ b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
@@ -33,8 +33,8 @@ export default function AuthFormBackground({
 
   return (
     <div className="flex flex-col md:flex-row w-full h-screen">
-      <div className="flex flex-[1_0_auto] md:flex-1 flex-col justify-end md:justify-center items-center w-full">
-        <div className="flex flex-col items-start w-full px-6 md:px-[82px]">
+      <div className="flex flex-[1_0_auto] md:flex-1 flex-col justify-end md:justify-center items-center w-full  px-6 md:px-[82px]">
+        <div className="flex flex-col items-start w-full">
           <Image src={VocalAngelCow} alt="Angel Cow" height={100} width={100} />
           <h1 className="text-[20px] md:text-[22px] font-semibold text-[#3F3F3F]">
             {title}
@@ -47,7 +47,7 @@ export default function AuthFormBackground({
           </p>
         </div>
 
-        <div className="w-full px-6 md:px-[82px]">{children}</div>
+        <div className="w-full">{children}</div>
       </div>
       <div className="flex flex-1 flex-col justify-end relative md:bg-[linear-gradient(284deg,rgba(213,252,209,0.60)_9.72%,rgba(178,231,221,0.60)_44.61%,rgba(118,214,230,0.60)_79.5%)]">
         {/* DESKTOP ONLY */}

From 4109bf4496644919ce43e4018638094d1da3a194 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Wed, 25 Feb 2026 16:55:25 -0800
Subject: [PATCH 2/4] noved position of error messages

---
 .../(hackers)/_components/AuthForms/ForgotPasswordForm.tsx  | 2 +-
 .../(hackers)/_components/AuthForms/RegisterForm.tsx        | 6 +++---
 .../(hackers)/_components/AuthForms/ResetPasswordForm.tsx   | 4 ++--
 app/(pages)/_components/AuthForm/AuthForm.tsx               | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx
index 2ec2f5959..c0a8fe064 100644
--- a/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx
+++ b/app/(pages)/(hackers)/_components/AuthForms/ForgotPasswordForm.tsx
@@ -22,7 +22,7 @@ export default function ForgotPasswordForm() {
     {
       name: 'email' as const,
       type: 'email',
-      label: 'EMAIL',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'Email',
       readOnly: false,
     },
diff --git a/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx
index 9bc5fedd7..83ed3d3ff 100644
--- a/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx
+++ b/app/(pages)/(hackers)/_components/AuthForms/RegisterForm.tsx
@@ -33,21 +33,21 @@ export default function RegisterForm({ data }: any) {
     {
       name: 'email' as const,
       type: 'email',
-      label: 'EMAIL',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'Email',
       readOnly: data ? true : false,
     },
     {
       name: 'password' as const,
       type: 'password',
-      label: 'PASSWORD',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'Password',
       readOnly: false,
     },
     {
       name: 'passwordDupe' as const,
       type: 'password',
-      label: 'RETYPE PASSWORD',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'Retype Password',
       readOnly: false,
     },
diff --git a/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx b/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx
index 693c8b74f..1947d10b7 100644
--- a/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx
+++ b/app/(pages)/(hackers)/_components/AuthForms/ResetPasswordForm.tsx
@@ -23,14 +23,14 @@ export default function ResetPasswordForm({ data }: any) {
     {
       name: 'password' as const,
       type: 'password',
-      label: 'NEW PASSWORD',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'New Password',
       readOnly: false,
     },
     {
       name: 'passwordDupe' as const,
       type: 'password',
-      label: 'RETYPE NEW PASSWORD',
+      label: '', //2026 design removed labels, so leaving blank
       placeholder: 'Retype New Password',
       readOnly: false,
     },
diff --git a/app/(pages)/_components/AuthForm/AuthForm.tsx b/app/(pages)/_components/AuthForm/AuthForm.tsx
index 45be525d1..3172cb8a6 100644
--- a/app/(pages)/_components/AuthForm/AuthForm.tsx
+++ b/app/(pages)/_components/AuthForm/AuthForm.tsx
@@ -62,7 +62,6 @@ export default function AuthForm({
           <div className={styles.fields}>
             {fields.map((field) => (
               <div key={field.name}>
-                <p className={styles.error_msg}>{errors[field.name]}</p>
                 <div className={styles.input_container}>
                   <label htmlFor={field.name}>{field.label}</label>
                   {field.type === 'checkbox' ? (
@@ -87,6 +86,7 @@ export default function AuthForm({
                     />
                   )}
                 </div>
+                <p className={styles.error_msg}>{errors[field.name]}</p>
               </div>
             ))}
             {linkText && (

From de03b21cd4adaddbdafd08a6a99db55f5aed7a40 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Wed, 25 Feb 2026 17:04:12 -0800
Subject: [PATCH 3/4] field on hover done

---
 .../AuthForm/HackerAuthForm.module.scss       | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
index f904b94f7..c33332fb1 100644
--- a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
+++ b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
@@ -33,15 +33,24 @@
     }
 
     input {
-      border-radius: var(--b-radius-large);
+      border-radius: 16px;
       background: #FAFAFF;
       backdrop-filter: blur(30px);
-      border: none;
+      border: 1px solid transparent;
       outline: none;
-      padding: 12px;
+      padding: 16px;
       font-size: 1rem; //16px
       font-weight: 400;
       color: #3F3F3F;
+
+      &:hover {
+        background: linear-gradient(0deg, rgba(48, 48, 53, 0.03) 0%, rgba(48, 48, 53, 0.03) 100%);
+      }
+
+      &:focus {
+        border: 1px solid var(--Stroke-Blue-Stroke, #2DF0FB);
+        background: rgba(213, 253, 255, 0.50);
+      }
     }
   }
 }
@@ -65,7 +74,7 @@
 }
 
 .submit_button {
-  padding: 12px 24px;
+  padding: 16px 24px;
   font-size: 1rem; //16px
   font-weight: 600;
   line-height: normal;
@@ -76,7 +85,7 @@
   background: var(--background-secondary);
   border: none;
   cursor: not-allowed;
-  border-radius: 20px;
+  border-radius: 100px;
   opacity: 0.3;
   margin-top: 40px;
   width: 100%;

From 9e2a87b223f45f85e7fc679a9c7cfe8497d38d47 Mon Sep 17 00:00:00 2001
From: michelleyeoh <michellew.yeoh@gmail.com>
Date: Wed, 25 Feb 2026 17:08:22 -0800
Subject: [PATCH 4/4] adde dpaddign uner cow img

---
 .../_components/AuthFormBackground/AuthFormBackground.tsx | 8 +++++++-
 .../_components/AuthForm/HackerAuthForm.module.scss       | 4 ++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
index fad969e74..496b4f056 100644
--- a/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
+++ b/app/(pages)/(hackers)/_components/AuthFormBackground/AuthFormBackground.tsx
@@ -35,7 +35,13 @@ export default function AuthFormBackground({
     <div className="flex flex-col md:flex-row w-full h-screen">
       <div className="flex flex-[1_0_auto] md:flex-1 flex-col justify-end md:justify-center items-center w-full  px-6 md:px-[82px]">
         <div className="flex flex-col items-start w-full">
-          <Image src={VocalAngelCow} alt="Angel Cow" height={100} width={100} />
+          <Image
+            src={VocalAngelCow}
+            alt="Angel Cow"
+            height={100}
+            width={100}
+            className="pb-[12px]"
+          />
           <h1 className="text-[20px] md:text-[22px] font-semibold text-[#3F3F3F]">
             {title}
           </h1>
diff --git a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
index c33332fb1..45ac17a85 100644
--- a/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
+++ b/app/(pages)/_components/AuthForm/HackerAuthForm.module.scss
@@ -18,6 +18,10 @@
   flex-direction: column;
   gap: 12px;
 
+  @include tablet-l { //tailwind md
+    gap: 8px;
+  }
+
   div {
     display: flex;
     flex-direction: column;