diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index f9e1cda..c9b6f08 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -31,9 +31,14 @@ function Web() {
 				Welcome, {session?.name || "NULL"} !!
 			</h1>
 
-			<button>
-				<a href="/auth/login?screen_hint=signup">Sign up</a>
-			</button>
+			<div className="card preset-tonal-success grid grid-cols-1 items-center gap-4 p-4 lg:grid-cols-[1fr_auto]">
+				<div className="gap-1">
+					<button type="button" className="btn hover:preset-tonal">
+						<a href="/auth/login?screen_hint=signup">Sign up</a>
+					</button>
+				</div>
+			</div>
+			
 			<button>
 				<a href="/auth/login?screen_hint=login">Log in</a>
 			</button>