diff --git a/web/components/common/logo-spinner.tsx b/web/components/common/logo-spinner.tsx
index 69bb9423d1..abcebfe76c 100644
--- a/web/components/common/logo-spinner.tsx
+++ b/web/components/common/logo-spinner.tsx
@@ -11,7 +11,7 @@ export const LogoSpinner = () => {
 
   return (
     <div className="flex items-center justify-center">
-      <Image src={logoSrc} alt="logo" className="w-[82px] h-[82px] mr-2" />
+      <Image src={logoSrc} alt="logo" className="size-16 sm:size-20 mr-2" />
     </div>
   );
 };
diff --git a/web/pages/accounts/forgot-password.tsx b/web/pages/accounts/forgot-password.tsx
index 5334bc15e3..00cf0982ec 100644
--- a/web/pages/accounts/forgot-password.tsx
+++ b/web/pages/accounts/forgot-password.tsx
@@ -111,7 +111,7 @@ const ForgotPasswordPage: NextPageWithLayout = () => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300">
             New to Plane?{" "}
             <Link
               href="/"
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 5d497abab7..9b624b2a2f 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -45,7 +45,7 @@ const HomePage: NextPageWithLayout = observer(() => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300">
             Already have an account?{" "}
             <Link
               href="/sign-in"
diff --git a/web/pages/sign-in.tsx b/web/pages/sign-in.tsx
index 11f7cc478e..281b504ff1 100644
--- a/web/pages/sign-in.tsx
+++ b/web/pages/sign-in.tsx
@@ -47,7 +47,7 @@ const SignInPage: NextPageWithLayout = observer(() => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row  text-center text-sm font-medium text-onboarding-text-300">
             New to Plane?{" "}
             <Link
               href="/"