diff --git a/React/src/app/page.tsx b/React/src/app/page.tsx
index 958a8d1..0c4cd26 100644
--- a/React/src/app/page.tsx
+++ b/React/src/app/page.tsx
@@ -17,10 +17,10 @@ export default async function Home() {
 			<div className="items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
 				<main className="flex flex-row gap-[32px] row-start-2 items-center sm:items-start">
 					<a href="/auth/login?screen_hint=signup">
-						<button className="w-16 text-green-600">Sign up</button>
+						<button className="w-16 bg-indigo-800 text-green-300">Sign up</button>
 					</a>
 					<a href="/auth/login">
-						<button className = "w-16 text-green-600">Log in</button>
+						<button className = "w-16 bg-indigo-500 text-green-400">Log in</button>
 					</a>
 				</main>
 				<h1>fauxcall</h1>