diff --git a/React/src/app/layout.tsx b/React/src/app/layout.tsx
index ffd2867..43900a8 100644
--- a/React/src/app/layout.tsx
+++ b/React/src/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
 	children: React.ReactNode;
 }>) {
 	return (
-		<html lang="en">
+		<html data-theme = "cerberus" lang="en">
 			<body
 				className={`${geistSans.variable} ${geistMono.variable} antialiased`}
 				suppressHydrationWarning={true}
diff --git a/React/src/app/page.tsx b/React/src/app/page.tsx
index e2f6430..958a8d1 100644
--- a/React/src/app/page.tsx
+++ b/React/src/app/page.tsx
@@ -14,13 +14,13 @@ export default async function Home() {
 	if (!session) {	
 
 		return (
-			<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)]">
+			<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>Sign up</button>
+						<button className="w-16 text-green-600">Sign up</button>
 					</a>
 					<a href="/auth/login">
-						<button>Log in</button>
+						<button className = "w-16 text-green-600">Log in</button>
 					</a>
 				</main>
 				<h1>fauxcall</h1>
