From 0960c00c729e61b0fd56a4294ea76dd8a044ed3f Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Sat, 18 May 2024 08:50:23 -0700
Subject: [PATCH] updating mfa modal layout

---
 .../account/profile/accountAccess/AccountAccess.styled.js       | 2 ++
 .../account/profile/accountAccess/useAccountAccess.hook.js      | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
index a8ac3360..1ded72b0 100644
--- a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
+++ b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
@@ -192,11 +192,13 @@ export const MFAModal = styled.div`
     font-size: 1.2rem;
     display: flex;
     justify-content: center;
+    text-aling: center;
   }
 
   .description {
     font-size: 1.0rem;
     padding-bottom: 8px;
+    text-aling: center;
   }
 
   .secret {
diff --git a/net/web/src/session/account/profile/accountAccess/useAccountAccess.hook.js b/net/web/src/session/account/profile/accountAccess/useAccountAccess.hook.js
index 35b03fa4..99512cb1 100644
--- a/net/web/src/session/account/profile/accountAccess/useAccountAccess.hook.js
+++ b/net/web/src/session/account/profile/accountAccess/useAccountAccess.hook.js
@@ -321,7 +321,7 @@ export function useAccountAccess() {
     enableMFA: async () => {
       if (!state.busy) {
         try {
-          updateState({ busy: true });
+          updateState({ busy: true, mfaSecret: null, mfaImage: null, mfaCode: '' });
           const mfa = await account.actions.enableMFA();
           updateState({ busy: false, mfaModal: true, mfaError: false, mfaSecret: mfa.secretText, mfaImage: mfa.secretImage, mfaCode: '' });
         }