diff --git a/src/app.jsx b/src/app.jsx
index 75a2ecb..5914e97 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -20,7 +20,7 @@ const App = () => {
           <Header />
           <motion.main
             key={location.pathname}
-            className="w-full max-w-body mx-auto px-8 lg:px-24 flex flex-col items-center relative z-[5] font-inter break-words  overflow-x-hidden pt-[calc(70px+64px)] xs:pt-[calc(90px+64px)] pb-[64px]"
+            className="w-full max-w-body mx-auto px-8 lg:px-24 flex flex-col items-center relative z-[5] font-inter break-words  overflow-x-hidden pt-[calc(70px+64px)] xs:pt-[calc(86px+64px)] pb-[64px]"
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             exit={{ opacity: 0, transition: { duration: 0.3 } }}
diff --git a/src/pages/auth/forgot-password.jsx b/src/pages/auth/forgot-password.jsx
index bff16e3..b1bd55b 100644
--- a/src/pages/auth/forgot-password.jsx
+++ b/src/pages/auth/forgot-password.jsx
@@ -37,7 +37,7 @@ const ForgotPassword = () => {
         <Button className="w-full h-14 sm:h-16 text-[20px] mt-6" loading={isLoading}>
           Send
         </Button>
-        <span>
+        <span className="text-center">
           <Caption className="text-black/40 mr-1.5">Remembered your password?</Caption>
           <Link to="/login">
             <Caption className="link">Login</Caption>