diff --git a/src/components/ErrorMessage.vue b/src/components/ErrorMessage.vue
index e1551bb2b..ba8c18c17 100644
--- a/src/components/ErrorMessage.vue
+++ b/src/components/ErrorMessage.vue
@@ -4,20 +4,20 @@
     class="kong-auth-error-message error-message"
     data-testid="kong-auth-error-message"
   >
-    <template v-if="passwordRequirements.length" #default>
+    <template v-if="passwordRequirements.length" #alertMessage>
       <p>{{ capitalizeFirstChar(errorMessage) }}:</p>
       <ul>
         <li v-for="(error, idx) in passwordRequirements" :key="idx">{{ capitalizeFirstChar(error) }}</li>
       </ul>
     </template>
-    <template v-else #default>{{ errorMessage }}</template>
-    <template v-if="passwordRequirements.length" #alertMessage>
+    <template v-else #alertMessage>{{ errorMessage }}</template>
+    <template v-if="passwordRequirements.length" #default>
       <p>{{ capitalizeFirstChar(errorMessage) }}:</p>
       <ul>
         <li v-for="(error, idx) in passwordRequirements" :key="idx">{{ capitalizeFirstChar(error) }}</li>
       </ul>
     </template>
-    <template v-else #alertMessage>{{ errorMessage }}</template>
+    <template v-else #default>{{ errorMessage }}</template>
   </KAlert>
 </template>