diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 797b178..bcd5807 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -3,6 +3,8 @@ import getConfig from 'next/config';
 import * as React from 'react';
 import { AuthLogin } from 'roleypoly/design-system/templates/auth-login';
 
+const { publicRuntimeConfig } = getConfig();
+
 const loginPage = (props: { apiRoot: string }) => {
     const onSendSecretCode = (code: string) => {
         console.log(code);
@@ -10,7 +12,9 @@ const loginPage = (props: { apiRoot: string }) => {
     return (
         <AuthLogin
             onSendSecretCode={onSendSecretCode}
-            discordOAuthLink={`${props.apiRoot}/login-bounce`}
+            discordOAuthLink={`${
+                props.apiRoot || publicRuntimeConfig.apiPublicURI
+            }/login-bounce`}
         />
     );
 };
@@ -18,7 +22,5 @@ const loginPage = (props: { apiRoot: string }) => {
 export default loginPage;
 
 loginPage.getInitialProps = (context: NextPageContext) => {
-    const { publicRuntimeConfig } = getConfig();
-
     return { apiRoot: publicRuntimeConfig.apiPublicURI };
 };