diff --git a/changelog.d/mfa-fixes.fix b/changelog.d/mfa-fixes.fix
new file mode 100644
index 000000000..52575990b
--- /dev/null
+++ b/changelog.d/mfa-fixes.fix
@@ -0,0 +1 @@
+Fix MFA login and recovery code authentication.
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index a333e6970..6c2750677 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -63,8 +63,8 @@ const LoginForm = {
             })
           })
           .catch((error) => {
-            if (error.errorData?.error === 'mfa_required') {
-              this.requireMFA({ settings: error })
+            if (error.errorData === 'mfa_required') {
+              this.requireMFA({ settings: error.error })
             } else if (error.identifier === 'password_reset_required') {
               this.$router.push({
                 name: 'password-reset',
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index e04218bd8..e03a3c84a 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -44,7 +44,7 @@ export default {
       }
 
       verifyRecoveryCode(data)
-        .then((result) => {
+        .then(({ data: result }) => {
           this.login(result).then(() => {
             this.$router.push({ name: 'friends' })
           })