diff --git a/web/src/app/_components/header.tsx b/web/src/app/_components/header.tsx
index c2274aa..0618bc9 100644
--- a/web/src/app/_components/header.tsx
+++ b/web/src/app/_components/header.tsx
@@ -15,6 +15,10 @@ function HeaderButton(header: HeaderButton) {
 }
 
 export default function Header() {
+	const handleLoginClick = () => {
+		window.location.href = "https://auth.staging.strafes.net/oauth2/login?redirect=" + window.location.href;
+	};
+
 	return (
 		<header className="header-bar">
 			<nav className="left">
@@ -24,6 +28,7 @@ export default function Header() {
 			</nav>
 			<nav className="right">
 				<HeaderButton name="Submit" href="/submit"/>
+				<button onClick={handleLoginClick}>Login</button>
 			</nav>
 		</header>
 	)