diff --git a/components/Login.tsx b/components/Login.tsx
index f164dbd..e3c0b08 100644
--- a/components/Login.tsx
+++ b/components/Login.tsx
@@ -7,10 +7,7 @@ export default function () {
         <VStack alignContent="center" gap="2vh">
           <Heading>Log in to Car Crushers</Heading>
           <br />
-          <Button
-            colorScheme="blue"
-            onClick={() => location.assign("/api/auth/oauth")}
-          >
+          <Button as="a" colorScheme="blue" href="/api/auth/oauth">
             Log in with Discord
           </Button>
         </VStack>