diff --git a/src/components/misc/api-config.vue b/src/components/misc/api-config.vue
index cf0322a40..d055ed2d8 100644
--- a/src/components/misc/api-config.vue
+++ b/src/components/misc/api-config.vue
@@ -189,6 +189,7 @@ export default {
 						localStorage.setItem('API_URL', window.API_URL)
 						this.configureApi = false
 						this.apiUrl = window.API_URL
+						this.$emit('foundApi', this.apiUrl)
 					}
 				})
 		},
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 37bae4d00..e003735a5 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -5,8 +5,8 @@
 			<div class="notification is-success has-text-centered" v-if="confirmedEmailSuccess">
 				You successfully confirmed your email! You can log in now.
 			</div>
-			<api-config/>
-			<form @submit.prevent="submit" id="loginform" v-if="localAuthEnabled">
+			<api-config @foundApi="hasApiUrl = true"/>
+			<form @submit.prevent="submit" id="loginform" v-if="hasApiUrl && localAuthEnabled">
 				<div class="field">
 					<label class="label" for="username">Username Or Email Address</label>
 					<div class="control">
@@ -82,7 +82,7 @@
 				</div>
 			</form>
 
-			<div v-if="openidConnect.enabled && openidConnect.providers && openidConnect.providers.length > 0" class="mt-4">
+			<div v-if="hasApiUrl && openidConnect.enabled && openidConnect.providers && openidConnect.providers.length > 0" class="mt-4">
 				<x-button
 					@click="redirectToProvider(p)"
 					v-for="(p, k) in openidConnect.providers"
@@ -117,6 +117,7 @@ export default {
 	data() {
 		return {
 			confirmedEmailSuccess: false,
+			hasApiUrl: false,
 		}
 	},
 	beforeMount() {
@@ -144,6 +145,7 @@ export default {
 		}
 	},
 	created() {
+		this.hasApiUrl = window.API_URL !== ''
 		this.setTitle('Login')
 	},
 	computed: mapState({