From 43fb7cac811876e9a062c74620109a3c2cc23824 Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommmu <mahesh.svmr@gmail.com>
Date: Wed, 5 Nov 2025 14:47:48 -0800
Subject: [PATCH] add few more fixes

---
 apps/web/app/onboarding/welcome/input-step.tsx |  2 +-
 packages/ui/button/external-auth.tsx           |  2 +-
 packages/ui/pages/login.tsx                    | 12 +++++++-----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/onboarding/welcome/input-step.tsx b/apps/web/app/onboarding/welcome/input-step.tsx
index b15fe00f..08325b1e 100644
--- a/apps/web/app/onboarding/welcome/input-step.tsx
+++ b/apps/web/app/onboarding/welcome/input-step.tsx
@@ -49,7 +49,7 @@ export function InputStep({
 				<LabeledInput
 					inputType="text"
 					inputPlaceholder="your name"
-					className="w-full flex-1"
+					className="w-full flex-1 !h-11"
 					inputProps={{
 						value: name,
 						onKeyDown: (e) => {
diff --git a/packages/ui/button/external-auth.tsx b/packages/ui/button/external-auth.tsx
index ce7db8be..2dbf063b 100644
--- a/packages/ui/button/external-auth.tsx
+++ b/packages/ui/button/external-auth.tsx
@@ -15,7 +15,7 @@ export function ExternalAuthButton({
 	return (
 		<Button
 			className={cn(
-				"flex flex-grow cursor-pointer max-w-full items-center justify-center gap-[0.625rem] rounded-xl px-6 py-5 hover:opacity-75",
+				"flex flex-grow cursor-pointer max-w-full items-center justify-center gap-[0.625rem] rounded-xl px-6 py-5 hover:opacity-75 h-11",
 				className,
 			)}
 			style={{
diff --git a/packages/ui/pages/login.tsx b/packages/ui/pages/login.tsx
index 80f52886..8b9eeff1 100644
--- a/packages/ui/pages/login.tsx
+++ b/packages/ui/pages/login.tsx
@@ -14,6 +14,8 @@ import { InitialHeader } from "../../../apps/web/components/initial-header";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
+import { dmSansClassName } from "../../../apps/web/utils/fonts"
+import { cn } from "@lib/utils";
 
 function AnimatedGradientBackground() {
 	return (
@@ -397,7 +399,7 @@ export function LoginPage() {
 
 								<TextSeparator text="OR" />
 
-								<form onSubmit={handleSubmit} className="flex flex-col gap-4">
+								<form onSubmit={handleSubmit} className="flex flex-col gap-6">
 									<LabeledInput
 										error={error}
 										inputPlaceholder="your@email.com"
@@ -423,7 +425,7 @@ export function LoginPage() {
 												background:
 													"linear-gradient(180deg, #0FF0D2 0%, #5349dd 1%, #1E0FF0 100%)",
 												boxShadow:
-													"1px 1px 2px 1px #1A88FF inset, 0 2px 10px 0 rgba(5, 1, 0, 0.20)",
+													"1px 1px 1px 1px #1A88FF inset, 0 2px 10px 0 rgba(5, 1, 0, 0.20)",
 											}}
 											disabled={isLoading}
 											type="submit"
@@ -442,18 +444,18 @@ export function LoginPage() {
 									</div>
 								</form>
 
-								<Label1Regular className="text-muted-foreground text-center !text-xs">
+								<Label1Regular className={cn("text-center !text-xs text-[#737373B2]", dmSansClassName())}>
 									By continuing, you agree to our{" "}
 									<span className="inline-block">
 										<a
-											className="text-foreground hover:underline"
+											className="underline"
 											href="https://supermemory.ai/terms-of-service"
 										>
 											Terms
 										</a>{" "}
 										and{" "}
 										<a
-											className="text-foreground hover:underline"
+											className="underline"
 											href="https://supermemory.ai/privacy-policy"
 										>
 											Privacy Policy