diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index b7289d7..ec9f65b 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -176,7 +176,9 @@ export default function (props: {
                   </Button>
                 </HStack>
               ) : (
-                <Button colorScheme="blue">Log In</Button>
+                <Button as="a" colorScheme="blue" href="/api/auth/oauth">
+                  Log In
+                </Button>
               )}
             </Flex>
           </Container>