diff --git a/apps/frontend/src/routes/forgot-password/index.lazy.tsx b/apps/frontend/src/routes/forgot-password/index.lazy.tsx
index 58608f1..bc29d01 100644
--- a/apps/frontend/src/routes/forgot-password/index.lazy.tsx
+++ b/apps/frontend/src/routes/forgot-password/index.lazy.tsx
@@ -162,7 +162,7 @@ export function ForgotPasswordForm() {
       <div
         className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 overflow-hidden"
       >
-        <div className="flex absolute border border-slate-300 rounded-2xl w-[455px] h-[455px] lg:w-[650px] lg:h-[650px] items-center justify-center -rotate-[15deg]">
+        <div className="flex absolute border border-slate-300 rounded-2xl w-[455px] h-[455px] lg:w-[45vw] lg:h-[45vw] items-center justify-center -rotate-[15deg]">
           <div className="flex absolute border border-slate-400  rounded-2xl w-2/3 h-2/3 lg:w-4/5 lg:h-4/5 items-center justify-center">
             <div className="flex absolute border border-slate-500 rounded-2xl w-3/5 h-3/5 lg:w-3/4 lg:h-3/4 items-center justify-center">
               <div className="hidden lg:flex absolute border border-slate-600 rounded-2xl w-2/3 h-2/3">
@@ -177,7 +177,7 @@ export function ForgotPasswordForm() {
         <div className="flex items-center font-bold">Amati</div>
 
         {/* Center */}
-        <div className="flex flex-col h-full w-full bg-transparent justify-center lg:px-28">
+        <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
           <div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end">
             <h1
               className="text-4xl font-bold"
diff --git a/apps/frontend/src/routes/forgot-password/verify.lazy.tsx b/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
index 5294140..c617495 100644
--- a/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
+++ b/apps/frontend/src/routes/forgot-password/verify.lazy.tsx
@@ -198,7 +198,7 @@ export function ResetPasswordForm() {
       <div
         className="flex w-screen h-screen items-start lg:items-center justify-center lg:justify-end absolute -top-56 lg:top-0 overflow-hidden"
       >
-        <div className="flex absolute border border-slate-200 rounded-2xl w-[455px] h-[455px] lg:w-[650px] lg:h-[650px] items-center justify-center -rotate-[15deg]">
+        <div className="flex absolute border border-slate-200 rounded-2xl w-[455px] h-[455px] lg:w-[45vw] lg:h-[45vw] items-center justify-center -rotate-[15deg]">
           <div className="flex absolute border border-slate-300  rounded-2xl w-2/3 h-2/3 lg:w-4/5 lg:h-4/5 items-center justify-center">
             <div className="flex absolute border border-slate-400 rounded-2xl w-3/5 h-3/5 lg:w-3/4 lg:h-3/4 items-center justify-center">
               <div className="hidden lg:flex absolute border border-slate-500 rounded-2xl w-2/3 h-2/3">
@@ -213,7 +213,7 @@ export function ResetPasswordForm() {
         <div className="flex items-center font-bold">Amati</div>
 
         {/* Center */}
-        <div className="flex flex-col h-full w-full bg-transparent justify-center lg:px-28">
+        <div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
           <div className="flex flex-col w-full gap-y-1 pb-12 justify-between lg:justify-end">
             <h1
               className="text-4xl font-bold"