diff --git a/app/javascript/v3/views/login/Saml.vue b/app/javascript/v3/views/login/Saml.vue
index 95749d7e2..b2362bbda 100644
--- a/app/javascript/v3/views/login/Saml.vue
+++ b/app/javascript/v3/views/login/Saml.vue
@@ -7,7 +7,7 @@ import { useI18n } from 'vue-i18n';
 import { useAlert } from 'dashboard/composables';
 
 // components
-import FormInput from '../../components/Form/Input.vue';
+import FormInput from 'dashboard/components-next/input/Input.vue';
 import NextButton from 'dashboard/components-next/button/Button.vue';
 
 const props = defineProps({
@@ -98,11 +98,12 @@ onMounted(async () => {
           v-model="credentials.email"
           name="email"
           type="text"
+          autocomplete="email"
           :tabindex="1"
           required
           :label="t('LOGIN.SAML.WORK_EMAIL.LABEL')"
           :placeholder="t('LOGIN.SAML.WORK_EMAIL.PLACEHOLDER')"
-          :has-error="v$.credentials.email.$error"
+          :message-type="v$.credentials.email.$error ? 'error' : ''"
           @input="v$.credentials.email.$touch"
         />
         <input