diff --git a/dashboard/src/views/UserDirectoryOpenIdProviderView.vue b/dashboard/src/views/UserDirectoryOpenIdProviderView.vue
index 12c61e063..7295480f1 100644
--- a/dashboard/src/views/UserDirectoryOpenIdProviderView.vue
+++ b/dashboard/src/views/UserDirectoryOpenIdProviderView.vue
@@ -132,7 +132,12 @@ onMounted(async () => {
       <form novalidate @submit.prevent="onSubmit()" autocomplete="off">
         <input style="display: none" type="submit" :disabled="!isValid"/>
 
-        <p class="text-danger" ng-show="submitError">{{ submitError }}</p>
+        <p class="error-label" ng-show="submitError">{{ submitError }}</p>
+
+        <FormGroup>
+          <label for="clientNameInput">{{ $t('oidc.client.name') }}</label>
+          <TextInput id="clientNameInput" v-model="clientName" required/>
+        </FormGroup>
 
         <FormGroup v-show="clientId">
           <label for="clientIdInput">{{ $t('oidc.client.id') }}</label>
@@ -144,11 +149,6 @@ onMounted(async () => {
           <TextInput id="clientSecretInput" v-model="clientSecret" @click="onCopyToClipboard(clientSecret)" style="cursor: copy" readonly/>
         </FormGroup>
 
-        <FormGroup>
-          <label for="clientNameInput">{{ $t('oidc.client.name') }}</label>
-          <TextInput id="clientNameInput" v-model="clientName" required/>
-        </FormGroup>
-
         <FormGroup>
           <label for="clientLoginRedirectUriInput">{{ $t('oidc.client.loginRedirectUri') }}</label>
           <TextInput id="clientLoginRedirectUriInput" v-model="clientLoginRedirectUri" required/>