diff --git a/frontend/src/pages/signin-page.tsx b/frontend/src/pages/signin-page.tsx
index 66d8c312..f6bb3cda 100644
--- a/frontend/src/pages/signin-page.tsx
+++ b/frontend/src/pages/signin-page.tsx
@@ -73,7 +73,7 @@ function signin() {
     <div className="flex-grow cursor-default bg-white py-4 dark:bg-dark-card">
       <div className="m-4 mb-4 flex justify-center">
         <div className="flex w-full items-center justify-center">
-          <h2 className="w-3/4 pl-48 text-center text-lg font-bold text-black dark:text-dark-primary sm:text-xl">
+          <h2 className="w-3/4 pl-2 text-center text-lg font-bold text-black dark:text-dark-primary sm:text-xl">
             Sign in to WanderLust
           </h2>
           <div className="flex items-center justify-end px-4 sm:px-20">
diff --git a/frontend/src/pages/signup-page.tsx b/frontend/src/pages/signup-page.tsx
index 3adfb9de..3e43c500 100644
--- a/frontend/src/pages/signup-page.tsx
+++ b/frontend/src/pages/signup-page.tsx
@@ -68,7 +68,7 @@ function Signup() {
     <div className="flex-grow cursor-default bg-white py-4 dark:bg-dark-card">
       <div className="m-4 mb-4 flex justify-center">
         <div className="flex w-full items-center justify-center">
-          <h2 className="w-3/4 pl-48 text-center text-lg font-bold text-black dark:text-dark-primary sm:text-xl">
+          <h2 className="w-3/4 pl-2 text-center text-lg font-bold text-black dark:text-dark-primary sm:text-xl">
             Sign up to WanderLust
           </h2>
           <div className="flex items-center justify-end px-4 sm:px-20">