From 84fe733d4fa2f7739d3a4facfee62906c7cdf330 Mon Sep 17 00:00:00 2001
From: Lester Choi <lester.choi@okta.com>
Date: Tue, 3 Oct 2023 14:21:07 -0400
Subject: [PATCH] OKTA-645490 theming api (#3385)

OKTA-645490 feat: add support for theming using design tokens
---
 src/v3/src/components/Widget/index.tsx        |   131 +-
 src/v3/src/components/Widget/style.css        |    14 +
 src/v3/src/types/widget.ts                    |    15 +-
 src/v3/src/util/designTokens.ts               |   249 +
 src/v3/src/util/mergeThemes.ts                |     6 +-
 src/v3/src/util/theme.test.ts                 |   229 +-
 src/v3/src/util/theme.ts                      |   375 +-
 src/v3/test/e2e/tests/theming.spec.js         |     3 +-
 .../admin-consent-without-logo.test.tsx.snap  |   362 +-
 .../__snapshots__/admin-consent.test.tsx.snap |   394 +-
 ...nticator-apple-sso-extension.test.tsx.snap |   888 +-
 ...ator-email-verification-data.test.tsx.snap |   264 +-
 ...henticator-enroll-data-phone.test.tsx.snap |  9442 ++++++------
 ...nroll-email-magic-link-false.test.tsx.snap |   358 +-
 .../authenticator-enroll-email.test.tsx.snap  |   298 +-
 ...-enroll-google-authenticator.test.tsx.snap |  1462 +-
 ...assword-requirements-not-met.test.tsx.snap |  1066 +-
 ...thenticator-enroll-phone-sms.test.tsx.snap |  1422 +-
 ...enticator-enroll-phone-voice.test.tsx.snap |   390 +-
 ...roll-security-question-error.test.tsx.snap |  3274 ++--
 ...tor-enroll-security-question.test.tsx.snap |  2828 ++--
 ...lect-authenticator-with-skip.test.tsx.snap |   840 +-
 ...-enroll-select-authenticator.test.tsx.snap |  2758 ++--
 ...enticator-enroll-yubikey-otp.test.tsx.snap |   456 +-
 ...pired-password-no-complexity.test.tsx.snap |   534 +-
 ...ith-enrollment-authenticator.test.tsx.snap |  1944 +--
 ...thenticator-expired-password.test.tsx.snap |  1900 +--
 ...ator-expiry-warning-password.test.tsx.snap |  2390 +--
 ...ticator-piv-cac-verification.test.tsx.snap |  1722 +--
 ...set-password-revoke-sessions.test.tsx.snap |  1090 +-
 ...authenticator-reset-password.test.tsx.snap |  1784 +--
 ...ator-verification-custom-otp.test.tsx.snap |   326 +-
 ...ta-ov-only-with-device-known.test.tsx.snap |   772 +-
 ...ov-only-without-device-known.test.tsx.snap |   772 +-
 ...fication-data-phone-sms-only.test.tsx.snap |   334 +-
 ...verification-data-with-email.test.tsx.snap |   274 +-
 ...ation-email-magic-link-false.test.tsx.snap |   336 +-
 ...enticator-verification-email.test.tsx.snap |  2282 +--
 ...ication-google-authenticator.test.tsx.snap |   378 +-
 ...cation-okta-verify-push-code.test.tsx.snap |   926 +-
 ...cation-okta-verify-push-poll.test.tsx.snap |   336 +-
 ...erification-okta-verify-push.test.tsx.snap |   330 +-
 ...ion-okta-verify-totp-only-ov.test.tsx.snap |   308 +-
 ...erification-okta-verify-totp.test.tsx.snap |   616 +-
 ...-ov-resend-push-notification.test.tsx.snap |   258 +-
 ...ion-ov-totp-biometrics-error.test.tsx.snap |   416 +-
 ...cator-verification-phone-sms.test.tsx.snap |   400 +-
 ...rification-security-question.test.tsx.snap |   340 +-
 ...ication-select-authenticator.test.tsx.snap |  3086 ++--
 ...-verification-unlock-success.test.tsx.snap |   442 +-
 ...icator-verification-webauthn.test.tsx.snap |  1430 +-
 ...tor-verification-yubikey-otp.test.tsx.snap |   366 +-
 .../__snapshots__/byol.test.tsx.snap          | 12464 ++++++++--------
 .../device-code-activate.test.tsx.snap        |   162 +-
 .../email-challenge-consent.test.tsx.snap     |   456 +-
 ...enduser-consent-without-logo.test.tsx.snap |   174 +-
 .../enduser-consent.test.tsx.snap             |   204 +-
 ...rofile-new-additional-fields.test.tsx.snap |  6930 ++++-----
 .../enroll-profile-new.test.tsx.snap          |   356 +-
 ...ofile-registration-callbacks.test.tsx.snap |  2242 +--
 ...ofile-update-optional-fields.test.tsx.snap |   410 +-
 ...rofile-update-required-field.test.tsx.snap |   828 +-
 .../enroll-profile-update.test.tsx.snap       |   652 +-
 ...enroll-profile-with-password.test.tsx.snap |  2674 ++--
 ...rror-400-unauthorized-client.test.tsx.snap |   108 +-
 .../error-account-creation.test.tsx.snap      |   130 +-
 ...cator-enrollment-not-allowed.test.tsx.snap |   190 +-
 .../error-feature-not-enabled.test.tsx.snap   |   108 +-
 ...error-recovery-token-invalid.test.tsx.snap |   108 +-
 .../error-session-expired.test.tsx.snap       |   130 +-
 ...polling-to-mfa-authenticator.test.tsx.snap |   486 +-
 ...fy-with-piv-as-authenticator.test.tsx.snap |   292 +-
 ...ranular-consent-without-logo.test.tsx.snap |   756 +-
 .../granular-consent.test.tsx.snap            |   198 +-
 .../identify-recovery.test.tsx.snap           |   168 +-
 .../identify-with-password.test.tsx.snap      |  2454 +--
 ...a-enrollment-android-applink.test.tsx.snap |  1130 +-
 ...-enrollment-android-loopback.test.tsx.snap |   320 +-
 .../oda-enrollment-ios.test.tsx.snap          |   396 +-
 ...ify-email-channel-enrollment.test.tsx.snap |   352 +-
 ...y-enrollment-version-upgrade.test.tsx.snap |   378 +-
 ...erify-sms-channel-enrollment.test.tsx.snap |  5838 ++++----
 .../request-activation-email.test.tsx.snap    |   214 +-
 .../terminal-return-email-error.test.tsx.snap |   196 +-
 .../terminal-return-email.test.tsx.snap       |   234 +-
 ...nly-full-location-enrollment.test.tsx.snap |   544 +-
 ...-only-full-location-recovery.test.tsx.snap |   544 +-
 ...tp-only-full-location-unlock.test.tsx.snap |   544 +-
 ...eturn-otp-only-full-location.test.tsx.snap |   566 +-
 ...-return-otp-only-no-location.test.tsx.snap |   486 +-
 ...n-otp-only-partial-location..test.tsx.snap |   566 +-
 ...rigger-email-verify-callback.test.tsx.snap |   192 +-
 .../unlock-account-success.test.tsx.snap      |   172 +-
 .../user-unlock-account.test.tsx.snap         |   516 +-
 .../webauthn-enroll.test.tsx.snap             |  1010 +-
 95 files changed, 50792 insertions(+), 49702 deletions(-)
 create mode 100644 src/v3/src/util/designTokens.ts

diff --git a/src/v3/src/components/Widget/index.tsx b/src/v3/src/components/Widget/index.tsx
index 22c26c34d8..a76531fa16 100644
--- a/src/v3/src/components/Widget/index.tsx
+++ b/src/v3/src/components/Widget/index.tsx
@@ -14,6 +14,7 @@
 // We need to emit a CSS file, even if it's empty, to prevent a 404 on the Okta-hosted login page.
 import './style.css';
 
+import { ScopedCssBaseline } from '@mui/material';
 import { MuiThemeProvider } from '@okta/odyssey-react-mui';
 import {
   AuthApiError,
@@ -37,8 +38,10 @@ import Bundles from '../../../../util/Bundles';
 import { IDX_STEP } from '../../constants';
 import { WidgetContextProvider } from '../../contexts';
 import {
-  useInteractionCodeFlow, useOnce,
-  usePolling, useStateHandle,
+  useInteractionCodeFlow,
+  useOnce,
+  usePolling,
+  useStateHandle,
 } from '../../hooks';
 import { transformIdxTransaction } from '../../transformer';
 import {
@@ -71,7 +74,7 @@ import {
   triggerEmailVerifyCallback,
 } from '../../util';
 import { getEventContext } from '../../util/getEventContext';
-import { mapMuiThemeFromBrand } from '../../util/theme';
+import { createTheme } from '../../util/theme';
 import AuthContainer from '../AuthContainer/AuthContainer';
 import AuthContent from '../AuthContent/AuthContent';
 import AuthHeader from '../AuthHeader/AuthHeader';
@@ -92,7 +95,7 @@ export const Widget: FunctionComponent<WidgetProps> = (widgetProps) => {
     brandColors,
     brandName,
     cspNonce,
-    muiThemeOverrides,
+    theme: customTheme,
     logo,
     logoText,
     globalSuccessFn,
@@ -133,81 +136,10 @@ export const Widget: FunctionComponent<WidgetProps> = (widgetProps) => {
   const { stateHandle, unsetStateHandle } = useStateHandle(widgetProps);
 
   // merge themes
-  const mergedTheme = useMemo(() => mergeThemes(
-    mapMuiThemeFromBrand(brandColors, languageDirection, muiThemeOverrides),
-    {
-      components: {
-        MuiAlert: {
-          styleOverrides: {
-            root: {
-              gap: 0,
-            },
-            icon: ({ theme }) => ({
-              paddingInlineEnd: theme.spacing(4),
-              flexShrink: 0,
-            }),
-          },
-        },
-        MuiInputBase: {
-          styleOverrides: {
-            input: {
-              '::-ms-reveal': {
-                display: 'none',
-              },
-            },
-          },
-        },
-        MuiInputLabel: {
-          styleOverrides: {
-            root: {
-              wordBreak: 'break-word',
-              whiteSpace: 'normal',
-            },
-          },
-        },
-        // ruleset with :focus-visible pseudo-selector break entire ruleset in
-        // ie11 because its not supported. re-define the :hover rule separately
-        // again so the ruleset is applied in ie11
-        MuiButton: {
-          styleOverrides: {
-            root: ({ ownerState, theme }) => ({
-              ...(ownerState.variant === 'primary' && {
-                '&:hover': {
-                  backgroundColor: theme.palette.primary.dark,
-                },
-              }),
-              ...(ownerState.variant === 'secondary' && {
-                '&:hover': {
-                  backgroundColor: theme.palette.primary.lighter,
-                  borderColor: theme.palette.primary.light,
-                  color: theme.palette.primary.main,
-                },
-              }),
-              ...(ownerState.variant === 'floating' && {
-                '&:hover': {
-                  backgroundColor: 'rgba(29, 29, 33, 0.1)',
-                  borderColor: 'transparent',
-                },
-              }),
-            }),
-          },
-        },
-        // ruleset with :focus-visible pseudo-selector break entire ruleset in
-        // ie11 because its not supported. re-define the :hover rule separately
-        // again so the ruleset is applied in ie11
-        MuiIconButton: {
-          styleOverrides: {
-            root: () => ({
-              '&:hover': {
-                backgroundColor: 'rgba(29, 29, 33, 0.1)',
-                borderColor: 'transparent',
-              },
-            }),
-          },
-        },
-      },
-    },
-  ), [brandColors, languageDirection, muiThemeOverrides]);
+  const theme = useMemo(() => mergeThemes(
+    createTheme(brandColors, customTheme?.tokens ?? {}),
+    { direction: languageDirection },
+  ), [brandColors, customTheme, languageDirection]);
 
   // on unmount, remove the language
   useEffect(() => () => {
@@ -234,7 +166,7 @@ export const Widget: FunctionComponent<WidgetProps> = (widgetProps) => {
     return null;
   };
 
-  const shouldRedirectToEnrollFlow = (transaction: IdxTransaction) : boolean => {
+  const shouldRedirectToEnrollFlow = (transaction: IdxTransaction): boolean => {
     const { nextStep, neededToProceed } = transaction;
     if (!isConfigRegisterFlow(flow) || nextStep?.name !== IDX_STEP.IDENTIFY) {
       return false;
@@ -560,25 +492,28 @@ export const Widget: FunctionComponent<WidgetProps> = (widgetProps) => {
     }}
     >
       <CustomPluginsOdysseyCacheProvider nonce={cspNonce}>
-        <MuiThemeProvider theme={mergedTheme}>
+        <MuiThemeProvider theme={theme}>
           <GlobalStyles />
-          <AuthContainer hide={hide}>
-            <AuthHeader
-              logo={logo}
-              logoText={logoText}
-              brandName={brandName}
-              authCoinProps={buildAuthCoinProps(idxTransaction)}
-            />
-            <AuthContent>
-              {isConsentStep(idxTransaction) && <ConsentHeader />}
-              <IdentifierContainer />
-              {
-                uischema.elements.length > 0
-                  ? <Form uischema={uischema as UISchemaLayout} />
-                  : <Spinner />
-              }
-            </AuthContent>
-          </AuthContainer>
+          {/* the style is to allow the widget to inherit the parent's bg color */}
+          <ScopedCssBaseline sx={{ backgroundColor: 'inherit' }}>
+            <AuthContainer hide={hide}>
+              <AuthHeader
+                logo={logo}
+                logoText={logoText}
+                brandName={brandName}
+                authCoinProps={buildAuthCoinProps(idxTransaction)}
+              />
+              <AuthContent>
+                {isConsentStep(idxTransaction) && <ConsentHeader />}
+                <IdentifierContainer />
+                {
+                  uischema.elements.length > 0
+                    ? <Form uischema={uischema as UISchemaLayout} />
+                    : <Spinner />
+                }
+              </AuthContent>
+            </AuthContainer>
+          </ScopedCssBaseline>
         </MuiThemeProvider>
       </CustomPluginsOdysseyCacheProvider>
     </WidgetContextProvider>
diff --git a/src/v3/src/components/Widget/style.css b/src/v3/src/components/Widget/style.css
index e1a131f31a..a2ea934b5b 100644
--- a/src/v3/src/components/Widget/style.css
+++ b/src/v3/src/components/Widget/style.css
@@ -165,3 +165,17 @@
     filter: unset !important;
   }
 }
+
+/*
+ * NOTE: widget styles below, login page styles above. Take care when moving CSS
+ * from SIW to loginpage (okta-ui) in OKTA-602545
+ *
+ * TODO: OKTA-654405
+ */
+span.strong {
+  font-weight: 600;
+  word-break: break-all;
+}
+.no-translate {
+  white-space: nowrap;
+}
diff --git a/src/v3/src/types/widget.ts b/src/v3/src/types/widget.ts
index 7b4cacccba..3fd5b3814d 100644
--- a/src/v3/src/types/widget.ts
+++ b/src/v3/src/types/widget.ts
@@ -10,7 +10,6 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import type { ThemeOptions as MuiThemeOptions } from '@mui/material';
 import {
   FlowIdentifier,
   IdxActionParams,
@@ -35,6 +34,7 @@ import {
   UserOperation,
 } from '../../../types';
 import { InterstitialRedirectView } from '../constants';
+import { DesignTokensType } from '../util/designTokens';
 import { WidgetHooks } from '../util/widgetHooks';
 import { OktaSignInAPI } from './api';
 import { JsonObject } from './json';
@@ -115,15 +115,11 @@ export type WidgetProps = Partial<WidgetOptions> & {
 };
 
 export type WidgetOptions = {
-  // // ui customizations
-  // renderers?: JsonFormsRendererRegistryEntry[];
-  // cells?: JsonFormsCellRendererRegistryEntry[];
-  // components?: Record<string, Component>;
+  // brand colors
+  brandColors?: BrandColors;
 
-  // theming
-  theme?: ThemeOptions;
-  // Override MUI Theming
-  muiThemeOverrides?: MuiThemeOptions;
+  // theme
+  theme?: { tokens: DesignTokensType }; // & ThemeOptions;
 
   // hooks
   hooks?: HooksOptions; // object in options
@@ -165,7 +161,6 @@ export type WidgetOptions = {
   otp?: string;
   baseUrl?: string;
   brandName?: string;
-  brandColors?: BrandColors;
   logo?: string;
   logoText?: string;
   stateToken?: string;
diff --git a/src/v3/src/util/designTokens.ts b/src/v3/src/util/designTokens.ts
new file mode 100644
index 0000000000..c7faff4900
--- /dev/null
+++ b/src/v3/src/util/designTokens.ts
@@ -0,0 +1,249 @@
+/*
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const DESIGN_TOKENS = {
+  // BorderColor
+  // BorderColorControl: '#8d8d8d',
+  // BorderColorDisplay: '#e1e1e1',
+  // BorderColorDisabled: '#e1e1e1',
+  // BorderColorDangerLight: '#fe8f7a',
+  // BorderColorDangerControl: '#e72500',
+  // BorderColorDangerDark: '#951800',
+  // BorderColorPrimaryControl: '#546be7',
+  // BorderColorPrimaryDark: '#2e40a5',
+
+  // BorderRadius
+  // BorderRadiusTight: '4px',
+  BorderRadiusMain: '6px', // theme.mixins.borderRadius
+  // BorderRadiusOuter: '12px',
+  // BorderRadiusRound: '1.5em',
+
+  // BorderStyle
+  BorderStyleMain: 'solid', // theme.mixins.borderStyle
+
+  // BorderWidth
+  BorderWidthMain: '1px', // theme.mixins.borderWidth
+  // BorderWidthHeavy: '1.5px',
+
+  // FocusOutlineColor
+  // FocusOutlineColorPrimary: '#546be7',
+  // FocusOutlineColorDanger: '#e72500',
+
+  // FocusOutlineOffset
+  // FocusOutlineOffsetMain: '2px',
+  // FocusOutlineOffsetTight: '0',
+
+  // FocusOutlineStyle
+  // FocusOutlineStyle: 'solid',
+
+  // FocuOutlineWidth
+  // FocusOutlineWidthMain: '2px',
+  // FocusOutlineWidthTight: '1px',
+
+  // HueNeutral
+  // HueNeutral50: '#f4f4f4',
+  // HueNeutral100: '#ededed',
+  // HueNeutral200: '#e1e1e1',
+  // HueNeutral300: '#cbcbcb',
+  // HueNeutral400: '#aeaeae',
+  // HueNeutral500: '#8d8d8d',
+  // HueNeutral600: '#6e6e6e',
+  // HueNeutral700: '#4b4b4b',
+  // HueNeutral800: '#383838',
+  // HueNeutral900: '#272727',
+  // HueNeutralWhite: '#ffffff',
+
+  // HueBlue
+  // HueBlue50: '#f2f3fd',
+  // HueBlue100: '#dbe0fa',
+  // HueBlue200: '#c1c9f6',
+  // HueBlue300: '#9daaf1',
+  // HueBlue400: '#7286eb',
+  // HueBlue500: '#546be7',
+  // HueBlue600: '#4c64e1',
+  // HueBlue700: '#2e40a5',
+  // HueBlue800: '#22307c',
+  // HueBlue900: '#182257',
+
+  // HueGreen
+  // HueGreen50: '#defae7',
+  // HueGreen100: '#94f5b3',
+  // HueGreen200: '#7be09e',
+  // HueGreen300: '#59c282',
+  // HueGreen400: '#31a061',
+  // HueGreen500: '#16884a',
+  // HueGreen600: '#197f48',
+  // HueGreen700: '#0e562f',
+  // HueGreen800: '#0a4023',
+  // HueGreen900: '#072e19',
+
+  // HueRed
+  // HueRed50: '#fff0ee',
+  // HueRed100: '#ffd8d1',
+  // HueRed200: '#febbae',
+  // HueRed300: '#fe8f7a',
+  // HueRed400: '#fd4e2d',
+  // HueRed500: '#e72500',
+  // HueRed600: '#d92300',
+  // HueRed700: '#951800',
+  // HueRed800: '#711200',
+  // HueRed900: '#500d00',
+
+  // HueYellow
+  // HueYellow50: '#fcf6ac',
+  // HueYellow100: '#fce101',
+  // HueYellow200: '#f9c503',
+  // HueYellow300: '#eb9e05',
+  // HueYellow400: '#bf8004',
+  // HueYellow500: '#a16c03',
+  // HueYellow600: '#966603',
+  // HueYellow700: '#664402',
+  // HueYellow800: '#4c3302',
+  // HueYellow900: '#352401',
+
+  // PalettePrimary
+  PalettePrimaryLighter: '#f2f3fd', // theme.palette.primary.lighter
+  PalettePrimaryLight: '#9daaf1', // theme.palette.primary.light
+  PalettePrimaryMain: '#546be7', // theme.palette.primary.main
+  PalettePrimaryDark: '#2e40a5', // theme.palette.primary.dark
+  // PalettePrimaryDarker: '#22307c',
+  // PalettePrimaryText: '#4c64e1',
+  // PalettePrimaryHeading: '#182257',
+  // PalettePrimaryHighlight: '#dbe0fa',
+
+  // PaletteDanger
+  PaletteDangerLighter: '#fff0ee', // theme.palette.error.lighter
+  PaletteDangerLight: '#fe8f7a', // theme.palette.error.light
+  PaletteDangerMain: '#e72500', // theme.palette.error.main
+  PaletteDangerDark: '#951800', // theme.palette.error.dark
+  // PaletteDangerDarker: '#711200',
+  // PaletteDangerText: '#d92300',
+  // PaletteDangerHeading: '#500d00',
+  // PaletteDangerHighlight: '#ffd8d1',
+
+  // PaletteWarning
+  PaletteWarningLighter: '#fcf6ac', // theme.palette.warning.lighter
+  PaletteWarningLight: '#eb9e05', // theme.palette.warning.light
+  PaletteWarningMain: '#a16c03', // theme.palette.warning.main
+  PaletteWarningDark: '#664402', // theme.palette.warning.dark
+  // PaletteWarningDarker: '#4c3302',
+  // PaletteWarningText: '#966603',
+  // PaletteWarningHeading: '#352401',
+  // PaletteWarningHighlight: '#fce101',
+
+  // PaletteSuccess
+  PaletteSuccessLighter: '#defae7', // theme.palette.success.lighter
+  PaletteSuccessLight: '#59c282', // theme.palette.success.light
+  PaletteSuccessMain: '#16884a', // theme.palette.success.main
+  PaletteSuccessDark: '#0e562f', // theme.palette.success.dark
+  // PaletteSuccessDarker: '#0a4023',
+  // PaletteSuccessText: '#197f48',
+  // PaletteSuccessHeading: '#072e19',
+  // PaletteSuccessHighlight: '#94f5b3',
+
+  // PaletteNeutral
+  PaletteNeutralMain: '#6e6e6e',
+  PaletteNeutralDark: '#272727',
+
+  // PaletteAlpha
+  // PaletteAlphaOpaque: 'FF',
+  // PaletteAlphaSemi: 'BF',
+
+  // ShadowScale
+  ShadowScale0: '0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 6px rgba(29, 29, 33, 0.01), 0px 5px 15px rgba(29, 29, 33, 0.05)', // theme.shadows[1]
+  ShadowScale1: '0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 10px rgba(29, 29, 33, 0.08), 0px 8px 30px rgba(29, 29, 33, 0.1)', // theme.shadows[2]
+
+  // Spacing
+  Spacing0: '0', // theme.spacing(0)
+  Spacing1: '0.28571429rem', // theme.spacing(1)
+  Spacing2: '0.57142857rem', // theme.spacing(2)
+  Spacing3: '0.85714286rem', // theme.spacing(3)
+  Spacing4: '1.14285714rem', // theme.spacing(4)
+  Spacing5: '1.71428571rem', // theme.spacing(5)
+  Spacing6: '2.28571429rem', // theme.spacing(6)
+  Spacing7: '2.85714286rem', // theme.spacing(7)
+  Spacing8: '3.42857143rem', // theme.spacing(8)
+  Spacing9: '4rem', // theme.spacing(9)
+
+  // Transition
+  // TransitionDurationMain: '100ms',
+  // TransitionTimingMain: 'linear',
+
+  // TypographyColor
+  TypographyColorBody: '#272727', // theme.palette.text.primary
+  TypographyColorHeading: '#272727', // theme.typography.h1.color
+  // TypographyColorInverse: '#ffffff',
+  // TypographyColorSupport: '#4b4b4b',
+  TypographyColorSubordinate: '#6e6e6e', // theme.typography.caption.color
+  TypographyColorDisabled: '#aeaeae', // theme.palette.text.disabled
+  // TypographyColorAction: '#4c64e1',
+  // TypographyColorDanger: '#d92300',
+  // TypographyColorSuccess: '#197f48',
+  // TypographyColorWarning: '#966603',
+
+  // TypographyFamily
+  TypographyFamilyBody: "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif", // theme.typography.fontFamily
+  TypographyFamilyHeading: "'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif", // theme.typography.h1.fontFamily
+  TypographyFamilyButton: "'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif", // theme.typography.button.fontFamily
+  TypographyFamilyMono: "'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace", // theme.typography.kbd.fontFamily
+
+  // TypographyScale
+  // TypographyScale0: '0.857rem',
+  // TypographyScale1: '1rem',
+  // TypographyScale2: '1.143rem',
+  // TypographyScale3: '1.286rem',
+  // TypographyScale4: '1.429rem',
+  // TypographyScale5: '1.571rem',
+  // TypographyScale6: '1.786rem',
+  // TypographyScale7: '2.000rem',
+  // TypographyScale8: '2.286rem',
+  // TypographyScale9: '2.571rem',
+  // TypographyScale10: '2.857rem',
+  // TypographyScale11: '3.214rem',
+  // TypographyScale12: '3.643rem',
+
+  // TypographySize
+  TypographySizeBase: '87.5%', // theme.typography.body1.fontSize
+  TypographySizeSubordinate: '0.857rem', // theme.typography.caption.fontSize = TypographyScale0
+  TypographySizeBody: '1rem', // theme.typography.body1.fontSize = TypographyScale1
+  TypographySizeHeading6: '1.143rem', // theme.typography.h6.fontSize = TypographyScale2
+  TypographySizeHeading5: '1.286rem', // theme.typography.h5.fontSize = TypographyScale3
+  TypographySizeHeading4: '1.571rem', // theme.typography.h4.fontSize = TypographyScale5
+  TypographySizeHeading3: '2.000rem', // theme.typography.h3.fontSize = TypographyScale7
+  TypographySizeHeading2: '2.286rem', // theme.typography.h2.fontSize = TypographyScale8
+  TypographySizeHeading1: '2.571rem', // theme.typography.h1.fontSize = TypographyScale9
+
+  // TypographyStyle
+  TypographyStyleNormal: 'normal', // theme.typography.body1.fontStyle
+
+  // TypographyWeight
+  TypographyWeightBody: '400', // theme.typography.fontWeightMedium
+  TypographyWeightBodyBold: '600', // theme.typography.fontWeightBold
+  TypographyWeightHeading: '500', // theme.typography.h1.fontWeight
+  // TypographyWeightHeadingBold: '700',
+
+  // TypographyLineHeight
+  TypographyLineHeightBody: 1.5, // theme.typography.body1.lineHeight
+  // TypographyLineHeightUi: 1.2,
+  TypographyLineHeightOverline: 1.3, // theme.typography.overline.lineHeight
+  TypographyLineHeightHeading6: 1.3, // theme.typography.h6.lineHeight
+  TypographyLineHeightHeading5: 1.3, // theme.typography.h5.lineHeight
+  TypographyLineHeightHeading4: 1.25, // theme.typography.h4.lineHeight
+  TypographyLineHeightHeading3: 1.25, // theme.typography.h3.lineHeight
+  TypographyLineHeightHeading2: 1.2, // theme.typography.h2.lineHeight
+  TypographyLineHeightHeading1: 1.2, // theme.typography.h1.lineHeight
+
+  // TypographyLineLength
+  // TypographyLineLengthMax: '55ch',
+};
+
+export type DesignTokensType = typeof DESIGN_TOKENS;
diff --git a/src/v3/src/util/mergeThemes.ts b/src/v3/src/util/mergeThemes.ts
index 8b11f0ba67..c36be7571d 100644
--- a/src/v3/src/util/mergeThemes.ts
+++ b/src/v3/src/util/mergeThemes.ts
@@ -11,12 +11,10 @@
  */
 
 import { CSSInterpolation, ThemeOptions } from '@mui/material';
-import { odysseyTheme } from '@okta/odyssey-react-mui';
 import { merge } from 'lodash';
 
 import { cssInterpolate } from './cssInterpolate';
 
-type Theme = typeof odysseyTheme;
 type Props = Record<string, unknown>;
 type StyleOverrideFunction = (override: Props) => CSSInterpolation;
 type StyleOverride = string | CSSInterpolation | StyleOverrideFunction;
@@ -44,8 +42,8 @@ const resolve = (override: StyleOverride, arg: Props): CSSInterpolation => {
  * Merge themes
  */
 export const mergeThemes = (
-  first: Theme,
-  ...rest: Array<Partial<Theme>>
+  first: ThemeOptions,
+  ...rest: Array<ThemeOptions>
 ): ThemeOptions => (
   rest.reduce((prev, theme) => (
     !theme.components
diff --git a/src/v3/src/util/theme.test.ts b/src/v3/src/util/theme.test.ts
index 6e01a20f01..f4cde730dc 100644
--- a/src/v3/src/util/theme.test.ts
+++ b/src/v3/src/util/theme.test.ts
@@ -12,81 +12,216 @@
 
 import { odysseyTheme } from '@okta/odyssey-react-mui';
 import chroma from 'chroma-js';
+import { get } from 'lodash';
 
-import { deriveThemeFromBrand, mapMuiThemeFromBrand } from './theme';
+import { createTheme, generatePalette } from './theme';
 
 describe('theme utilities', () => {
-  describe('deriveTheme generates', () => {
+  describe('generatePalette', () => {
     it('for light primary color', () => {
-      const derived = deriveThemeFromBrand({
-        primaryColor: '#cc0000',
-      });
-
-      expect(derived).toBeDefined();
-      expect(derived?.primaryColor).toBe('#cc0000');
-      expect(derived?.primaryColorLight).toBe('#f28f78');
-      expect(derived?.primaryColorLightest).toBe('#fff1f0');
-      expect(derived?.primaryColorDark).toBe('#640000');
-      expect(derived?.inverseTextColor).toBe('#ffffff');
+      const palette = generatePalette('#cc0000');
+      expect(palette).toBeDefined();
+      expect(palette?.main).toBe('#cc0000');
+      expect(palette?.light).toBe('#f28f78');
+      expect(palette?.lighter).toBe('#fff1f0');
+      expect(palette?.dark).toBe('#640000');
+      expect(palette?.contrastText).toBe('#ffffff');
     });
 
     it('for light primary color with poor contrast against white', () => {
-      const derived = deriveThemeFromBrand({
-        primaryColor: '#6666ff',
-      });
-
-      expect(derived).toBeDefined();
-      expect(derived?.inverseTextColor).toBe('#1d1d21');
+      const palette = generatePalette('#6666ff');
+      expect(palette).toBeDefined();
+      expect(palette?.contrastText).toBe('#1d1d21');
     });
 
     it('for light primary color with clamped primaryColorLight', () => {
       const colorWithLightness60 = chroma.hsl(100, 1, 0.6);
-      const derived = deriveThemeFromBrand({
-        primaryColor: colorWithLightness60.hex(),
-      });
+      const palette = generatePalette(colorWithLightness60.hex());
 
-      expect(derived).toBeDefined();
+      expect(palette).toBeDefined();
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      const derivedPrimaryColorLight = chroma(derived!.primaryColorLight);
-
-      expect(derivedPrimaryColorLight.get('hsl.l')).toBeCloseTo(0.90, 5);
+      const derivedPrimaryColorLight = chroma(palette.light!);
+      expect(derivedPrimaryColorLight.get('hsl.l')).toBeCloseTo(0.90, 2);
     });
 
     it('generates a derived theme for dark primary color', () => {
-      const derived = deriveThemeFromBrand({
-        primaryColor: '#170f5f',
-      });
-
-      expect(derived).toBeDefined();
-      expect(derived?.primaryColor).toBe('#170f5f');
-      expect(derived?.primaryColorLight).toBe('#bdb7f4');
-      expect(derived?.primaryColorLightest).toBe('#f4f0fe');
-      expect(derived?.primaryColorDark).toBe('#402ede');
-      expect(derived?.inverseTextColor).toBe('#ffffff');
+      const palette = generatePalette('#170f5f');
+      expect(palette).toBeDefined();
+      expect(palette?.main).toBe('#170f5f');
+      expect(palette?.light).toBe('#bdb7f4');
+      expect(palette?.lighter).toBe('#f4f0fe');
+      expect(palette?.dark).toBe('#402ede');
+      expect(palette?.contrastText).toBe('#ffffff');
     });
 
     it('returns null for invalid colors', () => {
       // suppress warnings from when chroma-js throws
-      jest.spyOn(console, 'warn').mockImplementation(() => {});
+      jest.spyOn(console, 'warn').mockImplementation(() => { });
 
-      expect(deriveThemeFromBrand({ primaryColor: '#12345' })).toBeNull();
-      expect(deriveThemeFromBrand({ primaryColor: '#ff00gg' })).toBeNull();
-      expect(deriveThemeFromBrand({ primaryColor: '' })).toBeNull();
+      expect(generatePalette('#12345')).toEqual({});
+      expect(generatePalette('#ff00gg')).toEqual({});
+      expect(generatePalette('')).toEqual({});
 
       jest.restoreAllMocks();
     });
   });
-  describe('mapMuiThemeFromBrand', () => {
-    it('overrides odyssey theme palette', () => {
-      const mappedTheme = mapMuiThemeFromBrand({ primaryColor: '#ff0000' }, 'ltr');
 
-      expect(mappedTheme.palette.primary).not.toEqual(odysseyTheme.palette.primary);
-      // the text color remains the same as original
-      expect(mappedTheme.palette.text.primary).toEqual(odysseyTheme.palette.text.primary);
+  describe('createTheme', () => {
+    it('should use brandColors.primaryColor to set theme.palette.primary.*', () => {
+      const primaryColor = '#7950f2';
+      const palette = generatePalette(primaryColor);
+      const theme = createTheme({ primaryColor });
+      expect(theme.palette?.primary).toEqual(palette);
+    });
+    it('should ignore brandColors if undefined', () => {
+      const theme = createTheme();
+      expect(theme.palette?.primary).toEqual(odysseyTheme.palette.primary);
+    });
+    it('should ignore brandColors.primaryColor if invalid', () => {
+      // suppress warnings from when chroma-js throws
+      jest.spyOn(console, 'warn').mockImplementation(() => { });
+      const primaryColor = '#invalid';
+      const theme = createTheme({ primaryColor });
+      expect(theme.palette?.primary).toEqual(odysseyTheme.palette.primary);
+    });
+    it('should use PalettePrimaryMain to set theme.palette.primary.*', () => {
+      const PalettePrimaryMain = '#7950f2';
+      const palette = generatePalette(PalettePrimaryMain);
+      const theme = createTheme(undefined, { PalettePrimaryMain });
+      expect(theme.palette?.primary).toEqual(palette);
+    });
+
+    it('should use PaletteDangerMain to set theme.palette.error.*', () => {
+      const PaletteDangerMain = '#e72500';
+      const palette = generatePalette(PaletteDangerMain);
+      const theme = createTheme(undefined, { PaletteDangerMain });
+      expect(theme.palette?.error).toEqual(palette);
     });
 
-    it('handles undefined brand', () => {
-      expect(mapMuiThemeFromBrand(undefined, 'ltr')).toEqual(odysseyTheme);
+    it('should use PaletteWarningMain to set theme.palette.warning.*', () => {
+      const PaletteWarningMain = '#a16c03';
+      const palette = generatePalette(PaletteWarningMain);
+      const theme = createTheme(undefined, { PaletteWarningMain });
+      expect(theme.palette?.warning).toEqual(palette);
+    });
+
+    it('should use PaletteSuccessMain to set theme.palette.success.*', () => {
+      const PaletteSuccessMain = '#16884a';
+      const palette = generatePalette(PaletteSuccessMain);
+      const theme = createTheme(undefined, { PaletteSuccessMain });
+      expect(theme.palette?.success).toEqual(palette);
+    });
+
+    describe('should apply design tokens -> theme properties', () => {
+      test.each([
+        ['BorderRadiusMain', 'mixins.borderRadius', 'TEST_0'],
+        ['BorderStyleMain', 'mixins.borderStyle', 'TEST_1'],
+        ['BorderWidthMain', 'mixins.borderWidth', 'TEST_2'],
+        ['TypographyColorDisabled', 'palette.text.disabled', 'TEST_3'],
+        ['TypographyColorBody', 'palette.text.primary', 'TEST_4'],
+        ['ShadowScale0', 'shadows[1]', 'TEST_5'],
+        ['ShadowScale1', 'shadows[2]', 'TEST_6'],
+        ['TypographyFamilyBody', 'typography.body1.fontFamily', 'TEST_7'],
+        ['TypographySizeBody', 'typography.body1.fontSize', 'TEST_8'],
+        ['TypographyStyleNormal', 'typography.body1.fontStyle', 'TEST_9'],
+        ['TypographyLineHeightBody', 'typography.body1.lineHeight', 'TEST_10'],
+        ['TypographyFamilyButton', 'typography.button.fontFamily', 'TEST_11'],
+        ['TypographyColorSubordinate', 'typography.caption.color', 'TEST_12'],
+        ['TypographyFamilyBody', 'typography.caption.fontFamily', 'TEST_13'],
+        ['TypographySizeSubordinate', 'typography.caption.fontSize', 'TEST_14'],
+        ['TypographyFamilyBody', 'typography.fontFamily', 'TEST_15'],
+        ['TypographyWeightBodyBold', 'typography.fontWeightBold', 'TEST_16'],
+        ['TypographyWeightBody', 'typography.fontWeightRegular', 'TEST_17'],
+        ['TypographyColorHeading', 'typography.h1.color', 'TEST_18'],
+        ['TypographyFamilyHeading', 'typography.h1.fontFamily', 'TEST_19'],
+        ['TypographySizeHeading1', 'typography.h1.fontSize', 'TEST_20'],
+        ['TypographyWeightHeading', 'typography.h1.fontWeight', 'TEST_21'],
+        ['TypographyLineHeightHeading1', 'typography.h1.lineHeight', 'TEST_22'],
+        ['TypographyColorHeading', 'typography.h2.color', 'TEST_23'],
+        ['TypographyFamilyHeading', 'typography.h2.fontFamily', 'TEST_24'],
+        ['TypographySizeHeading2', 'typography.h2.fontSize', 'TEST_25'],
+        ['TypographyWeightHeading', 'typography.h2.fontWeight', 'TEST_26'],
+        ['TypographyLineHeightHeading2', 'typography.h2.lineHeight', 'TEST_27'],
+        ['TypographyColorHeading', 'typography.h3.color', 'TEST_28'],
+        ['TypographyFamilyHeading', 'typography.h3.fontFamily', 'TEST_29'],
+        ['TypographySizeHeading3', 'typography.h3.fontSize', 'TEST_30'],
+        ['TypographyWeightHeading', 'typography.h3.fontWeight', 'TEST_31'],
+        ['TypographyLineHeightHeading3', 'typography.h3.lineHeight', 'TEST_32'],
+        ['TypographyColorHeading', 'typography.h4.color', 'TEST_33'],
+        ['TypographyFamilyHeading', 'typography.h4.fontFamily', 'TEST_34'],
+        ['TypographySizeHeading4', 'typography.h4.fontSize', 'TEST_35'],
+        ['TypographyWeightHeading', 'typography.h4.fontWeight', 'TEST_36'],
+        ['TypographyLineHeightHeading4', 'typography.h4.lineHeight', 'TEST_37'],
+        ['TypographyColorHeading', 'typography.h5.color', 'TEST_38'],
+        ['TypographyFamilyHeading', 'typography.h5.fontFamily', 'TEST_39'],
+        ['TypographySizeHeading5', 'typography.h5.fontSize', 'TEST_40'],
+        ['TypographyWeightHeading', 'typography.h5.fontWeight', 'TEST_41'],
+        ['TypographyLineHeightHeading5', 'typography.h5.lineHeight', 'TEST_42'],
+        ['TypographyColorHeading', 'typography.h6.color', 'TEST_43'],
+        ['TypographyFamilyHeading', 'typography.h6.fontFamily', 'TEST_44'],
+        ['TypographySizeHeading6', 'typography.h6.fontSize', 'TEST_45'],
+        ['TypographyWeightHeading', 'typography.h6.fontWeight', 'TEST_46'],
+        ['TypographyLineHeightHeading6', 'typography.h6.lineHeight', 'TEST_47'],
+        ['TypographyLineHeightOverline', 'typography.overline.lineHeight', 'TEST_48'],
+        ['TypographyFamilyBody', 'typography.subtitle1.fontFamily', 'TEST_49'],
+        ['TypographyFamilyBody', 'typography.subtitle2.fontFamily', 'TEST_50'],
+      ])('%s -> %s', (name, path, value) => {
+        const theme = createTheme(undefined, { [name]: value });
+        expect(get(theme, path)).toEqual(value);
+      });
+    });
+
+    it('should use Spacing0..Spacing9 tokens to set the theme.spacing function', () => {
+      const theme = createTheme(undefined, {
+        Spacing0: '0ex',
+        Spacing1: '2ex',
+        Spacing2: '4ex',
+        Spacing3: '6ex',
+        Spacing4: '8ex',
+        Spacing5: '10ex',
+        Spacing6: '12ex',
+        Spacing7: '14ex',
+        Spacing8: '16ex',
+        Spacing9: '18ex',
+      });
+      expect(typeof theme.spacing).toBe('function');
+
+      if (typeof theme.spacing !== 'function') {
+        throw new Error('theme.spacing should be a function');
+      }
+      expect(theme.spacing(0)).toBe('0ex');
+      expect(theme.spacing(1)).toBe('2ex');
+      expect(theme.spacing(2)).toBe('4ex');
+      expect(theme.spacing(3)).toBe('6ex');
+      expect(theme.spacing(4)).toBe('8ex');
+      expect(theme.spacing(5)).toBe('10ex');
+      expect(theme.spacing(6)).toBe('12ex');
+      expect(theme.spacing(7)).toBe('14ex');
+      expect(theme.spacing(8)).toBe('16ex');
+      expect(theme.spacing(9)).toBe('18ex');
+    });
+
+    test('theme.tokens.PalettePrimaryMain overrides brandColors.primaryColor', () => {
+      const theme = createTheme({ primaryColor: '#aaa' }, { PalettePrimaryMain: '#bbb' });
+      // @ts-expect-error Property PaletteColorOptions is a union
+      expect(theme.palette?.primary?.main).toEqual('#bbb');
+    });
+
+    test('tokens should override generated palette colors', () => {
+      const tokens = {
+        PalettePrimaryLight: '#77216F',
+        PalettePrimaryMain: '#5E2750',
+        PalettePrimaryDark: '#2C001E',
+      };
+      const palette = generatePalette('#5E2750');
+      const theme = createTheme(undefined, tokens);
+      expect(theme.palette?.primary).toEqual({
+        lighter: palette.lighter, // generated
+        light: tokens.PalettePrimaryLight, // provided
+        main: tokens.PalettePrimaryMain, // provided
+        dark: tokens.PalettePrimaryDark, // provided
+        contrastText: palette.contrastText, // generated
+      });
     });
   });
 });
diff --git a/src/v3/src/util/theme.ts b/src/v3/src/util/theme.ts
index f1a4ba1863..c0eaaa833b 100644
--- a/src/v3/src/util/theme.ts
+++ b/src/v3/src/util/theme.ts
@@ -11,115 +11,318 @@
  */
 
 import { ThemeOptions } from '@mui/material';
-import { Theme } from '@mui/material/styles/createTheme';
 import { odysseyTheme } from '@okta/odyssey-react-mui';
 import chroma from 'chroma-js';
-import { cloneDeep, merge } from 'lodash';
+import { set as _set } from 'lodash';
 
-import { BrandColors, LanguageDirection } from '../types';
+import { BrandColors } from '../types';
+import { DESIGN_TOKENS, DesignTokensType } from './designTokens';
+import { mergeThemes } from './mergeThemes';
 
-type DerivedTheme = {
-  primaryColor: string;
-  primaryColorLight: string;
-  primaryColorLightest: string;
-  primaryColorDark: string;
-  textColor: string;
-  inverseTextColor: string;
-};
+export type Palette = Partial<{
+  main: string;
+  light: string;
+  lighter: string;
+  dark: string;
+  contrastText: string;
+}>;
 
-const getInverseTextColor = (primaryColor: string): string => {
-  const contrastRatio = chroma.contrast(primaryColor, '#ffffff');
+export type SpacingArgument = number | string;
 
-  if (contrastRatio > 4.5) {
-    return '#ffffff';
-  }
-  return '#1d1d21';
-};
+const WHITE_HEX = '#ffffff';
+const BLACK_HEX = '#1d1d21';
 
-export const deriveThemeFromBrand = (brand: BrandColors): DerivedTheme | null => {
-  try {
-    const isLightPrimaryColor = chroma(brand.primaryColor).get('hsl.l') > 0.24;
+/**
+ * Determine whether to use BLACK (#1d1d21) or WHITE (#ffffff) based on a color.
+ * If WHITE vs color has a contrast ratio <4.5:1 this will return BLACK.
+ * Contrast ratios are symmetrical using the WCAG 2.x algorithm
+ *
+ * @param color color to compare against black/white
+ */
+const getInverseTextColor = (color: string): string => (
+  chroma.contrast(color, WHITE_HEX) >= 4.5 ? WHITE_HEX : BLACK_HEX
+);
 
-    if (isLightPrimaryColor) {
-      let primaryColorLight = chroma(brand.primaryColor)
-        .set('hsl.h', '+11')
-        .set('hsl.s', '-0.18')
-        .set('hsl.l', '+0.31');
-      // lightness of primaryColorLight should be clamped at max of 0.9
-      if (primaryColorLight.get('hsl.l') > 0.9) {
-        primaryColorLight = primaryColorLight.set('hsl.l', 0.9);
-      }
+/**
+ * Sets the design token to theme path iff the value is not undefined, i.e.,
+ * null, false, 0, etc. will be set. Only undefined will be ignored. Paths and
+ * values are not checked for type safety.
+ *
+ * @param obj {Theme} the theme object
+ * @param path {string} target path
+ * @param val the value to set, if defined.
+ */
+// eslint-disable-next-line @typescript-eslint/ban-types
+function set<T extends object, V>(obj: T, path: string | string[], val: V) {
+  return val === undefined ? null : _set(obj, path, val);
+}
 
-      return {
-        primaryColor: brand.primaryColor,
-        textColor: '#1d1d21',
-        primaryColorLight: primaryColorLight.hex(),
-        primaryColorLightest: chroma(brand.primaryColor)
+/**
+ * Generates a palette based on the "main" (f.k.a. "base") value. Main value
+ * corresponds to 500 in the hue-based color scale.
+ *
+ * Example:
+ * PalettePrimaryMain -> HueBlue50
+ * PalettePrimaryLighter -> HueBlue300
+ * PalettePrimaryLight -> HueBlue500
+ * PalettePrimaryDark -> HueBlue700
+ *
+ * @param main Main color (Hue 500)
+ */
+export const generatePalette = (main: string): Palette => {
+  try {
+    const lightness = chroma(main).get('hsl.l');
+    return lightness > 0.24
+      ? {
+        main,
+        lighter: chroma(main)
           .set('hsl.h', '+9')
           .set('hsl.s', '+0.18')
           .set('hsl.l', 0.97)
           .hex(),
-        primaryColorDark: chroma(brand.primaryColor)
+        light: chroma(main)
+          .set('hsl.h', '+11')
+          .set('hsl.s', '-0.18')
+          .set('hsl.l', lightness < 0.59 ? '+0.31' : 0.9) // clamp lightness
+          .hex(),
+        dark: chroma(main)
           .set('hsl.h', '+3')
           .set('hsl.s', '+0.18')
           .set('hsl.l', '-0.24')
           .hex(),
-        inverseTextColor: getInverseTextColor(brand.primaryColor),
+        contrastText: getInverseTextColor(main),
+      } : {
+        main,
+        lighter: chroma(main)
+          .set('hsl.h', '+9')
+          .set('hsl.s', '+0.18')
+          .set('hsl.l', 0.97)
+          .hex(),
+        light: chroma(main)
+          .set('hsl.l', '+0.62')
+          .hex(),
+        dark: chroma(main)
+          .set('hsl.l', '+0.31')
+          .hex(),
+        contrastText: getInverseTextColor(main),
       };
-    }
-
-    return {
-      primaryColor: brand.primaryColor,
-      textColor: '#1d1d21',
-      primaryColorLight: chroma(brand.primaryColor)
-        .set('hsl.l', '+0.62')
-        .hex(),
-      primaryColorLightest: chroma(brand.primaryColor)
-        .set('hsl.h', '+9')
-        .set('hsl.s', '+0.18')
-        .set('hsl.l', 0.97)
-        .hex(),
-      primaryColorDark: chroma(brand.primaryColor)
-        .set('hsl.l', '+0.31')
-        .hex(),
-      inverseTextColor: getInverseTextColor(brand.primaryColor),
-    };
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.warn('Invalid theme color in configuration', brand);
-
-    return null;
+  } catch (err) {
+    console.warn(err);
+    return {};
   }
 };
 
-export const mapMuiThemeFromBrand = (
-  brand: BrandColors | undefined,
-  languageDirection: LanguageDirection,
-  muiThemeOverrides?: ThemeOptions,
-): Theme => {
-  // TODO: OKTA-517723 temporary override until odyssey-react-mui theme borderRadius value is fixed
-  odysseyTheme.shape.borderRadius = 4;
-
-  odysseyTheme.direction = languageDirection;
-
-  // Do not modify `odysseyTheme` after this line, it will have no effect on the resulting theme
-  const odysseyThemeCopy = cloneDeep(odysseyTheme);
-
-  if (brand) {
-    const derivedTheme = deriveThemeFromBrand(brand);
-
-    if (derivedTheme) {
-      odysseyThemeCopy.palette.primary = {
-        main: derivedTheme.primaryColor,
-        light: derivedTheme.primaryColorLight,
-        lighter: derivedTheme.primaryColorLightest,
-        dark: derivedTheme.primaryColorDark,
-        contrastText: derivedTheme.inverseTextColor,
-      };
+export const createTheme = (
+  brandColors?: BrandColors,
+  customTokens?: Partial<DesignTokensType>,
+): ThemeOptions => {
+  const defaultTokens = DESIGN_TOKENS;
+  const mergedTokens: DesignTokensType = { ...defaultTokens, ...customTokens };
+  const theme = odysseyTheme;
 
-      odysseyThemeCopy.palette.text.primary = derivedTheme.textColor;
+  theme.palette.text.primary = BLACK_HEX;
+  if (brandColors?.primaryColor) {
+    const p = generatePalette(brandColors.primaryColor);
+    set(theme, 'palette.primary.lighter', p.lighter);
+    set(theme, 'palette.primary.light', p.light);
+    set(theme, 'palette.primary.main', p.main);
+    set(theme, 'palette.primary.dark', p.dark);
+    set(theme, 'palette.primary.contrastText', p.contrastText);
+  }
+  if (customTokens) {
+    if (customTokens.PalettePrimaryMain) {
+      const p = generatePalette(customTokens.PalettePrimaryMain);
+      set(theme, 'palette.primary.lighter', customTokens.PalettePrimaryLighter ?? p.lighter);
+      set(theme, 'palette.primary.light', customTokens.PalettePrimaryLight ?? p.light);
+      set(theme, 'palette.primary.main', customTokens.PalettePrimaryMain ?? p.main);
+      set(theme, 'palette.primary.dark', customTokens.PalettePrimaryDark ?? p.dark);
+      set(theme, 'palette.primary.contrastText', p.contrastText);
+    }
+    if (customTokens.PaletteDangerMain) {
+      const p = generatePalette(customTokens.PaletteDangerMain);
+      set(theme, 'palette.error.lighter', customTokens.PaletteDangerLighter ?? p.lighter);
+      set(theme, 'palette.error.light', customTokens.PaletteDangerLight ?? p.light);
+      set(theme, 'palette.error.main', customTokens.PaletteDangerMain ?? p.main);
+      set(theme, 'palette.error.dark', customTokens.PaletteDangerDark ?? p.dark);
+      set(theme, 'palette.error.contrastText', p.contrastText);
+    }
+    if (customTokens.PaletteWarningMain) {
+      const p = generatePalette(customTokens.PaletteWarningMain);
+      set(theme, 'palette.warning.lighter', customTokens.PaletteWarningLighter ?? p.lighter);
+      set(theme, 'palette.warning.light', customTokens.PaletteWarningLight ?? p.light);
+      set(theme, 'palette.warning.main', customTokens.PaletteWarningMain ?? p.main);
+      set(theme, 'palette.warning.dark', customTokens.PaletteWarningDark ?? p.dark);
+      set(theme, 'palette.warning.contrastText', p.contrastText);
+    }
+    if (customTokens.PaletteSuccessMain) {
+      const p = generatePalette(customTokens.PaletteSuccessMain);
+      set(theme, 'palette.success.lighter', customTokens.PaletteSuccessLighter ?? p.lighter);
+      set(theme, 'palette.success.light', customTokens.PaletteSuccessLight ?? p.light);
+      set(theme, 'palette.success.main', customTokens.PaletteSuccessMain ?? p.main);
+      set(theme, 'palette.success.dark', customTokens.PaletteSuccessDark ?? p.dark);
+      set(theme, 'palette.success.contrastText', p.contrastText);
     }
+    set(theme, 'mixins.borderRadius', mergedTokens.BorderRadiusMain);
+    set(theme, 'mixins.borderStyle', mergedTokens.BorderStyleMain);
+    set(theme, 'mixins.borderWidth', mergedTokens.BorderWidthMain);
+    set(theme, 'palette.text.disabled', mergedTokens.TypographyColorDisabled);
+    set(theme, 'palette.text.primary', mergedTokens.TypographyColorBody);
+    set(theme, 'shadows[1]', mergedTokens.ShadowScale0);
+    set(theme, 'shadows[2]', mergedTokens.ShadowScale1);
+    set(theme, 'typography.body1.fontFamily', mergedTokens.TypographyFamilyBody);
+    set(theme, 'typography.body1.fontSize', mergedTokens.TypographySizeBody);
+    set(theme, 'typography.body1.fontStyle', mergedTokens.TypographyStyleNormal);
+    set(theme, 'typography.body1.lineHeight', mergedTokens.TypographyLineHeightBody);
+    set(theme, 'typography.button.fontFamily', mergedTokens.TypographyFamilyButton);
+    set(theme, 'typography.caption.color', mergedTokens.TypographyColorSubordinate);
+    set(theme, 'typography.caption.fontFamily', mergedTokens.TypographyFamilyBody);
+    set(theme, 'typography.caption.fontSize', mergedTokens.TypographySizeSubordinate);
+    set(theme, 'typography.fontFamily', mergedTokens.TypographyFamilyBody);
+    set(theme, 'typography.fontWeightBold', mergedTokens.TypographyWeightBodyBold);
+    set(theme, 'typography.fontWeightRegular', mergedTokens.TypographyWeightBody);
+    set(theme, 'typography.h1.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h1.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h1.fontSize', mergedTokens.TypographySizeHeading1);
+    set(theme, 'typography.h1.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h1.lineHeight', mergedTokens.TypographyLineHeightHeading1);
+    set(theme, 'typography.h2.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h2.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h2.fontSize', mergedTokens.TypographySizeHeading2);
+    set(theme, 'typography.h2.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h2.lineHeight', mergedTokens.TypographyLineHeightHeading2);
+    set(theme, 'typography.h3.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h3.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h3.fontSize', mergedTokens.TypographySizeHeading3);
+    set(theme, 'typography.h3.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h3.lineHeight', mergedTokens.TypographyLineHeightHeading3);
+    set(theme, 'typography.h4.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h4.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h4.fontSize', mergedTokens.TypographySizeHeading4);
+    set(theme, 'typography.h4.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h4.lineHeight', mergedTokens.TypographyLineHeightHeading4);
+    set(theme, 'typography.h5.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h5.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h5.fontSize', mergedTokens.TypographySizeHeading5);
+    set(theme, 'typography.h5.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h5.lineHeight', mergedTokens.TypographyLineHeightHeading5);
+    set(theme, 'typography.h6.color', mergedTokens.TypographyColorHeading);
+    set(theme, 'typography.h6.fontFamily', mergedTokens.TypographyFamilyHeading);
+    set(theme, 'typography.h6.fontSize', mergedTokens.TypographySizeHeading6);
+    set(theme, 'typography.h6.fontWeight', mergedTokens.TypographyWeightHeading);
+    set(theme, 'typography.h6.lineHeight', mergedTokens.TypographyLineHeightHeading6);
+    set(theme, 'typography.overline.lineHeight', mergedTokens.TypographyLineHeightOverline);
+    set(theme, 'typography.subtitle1.fontFamily', mergedTokens.TypographyFamilyBody);
+    set(theme, 'typography.subtitle2.fontFamily', mergedTokens.TypographyFamilyBody);
+
+    theme.spacing = (...args: Array<SpacingArgument>): string => {
+      if (args.length === 0) {
+        return mergedTokens.Spacing2;
+      }
+      const spaces: string[] = [
+        mergedTokens.Spacing0,
+        mergedTokens.Spacing1,
+        mergedTokens.Spacing2,
+        mergedTokens.Spacing3,
+        mergedTokens.Spacing4,
+        mergedTokens.Spacing5,
+        mergedTokens.Spacing6,
+        mergedTokens.Spacing7,
+        mergedTokens.Spacing8,
+        mergedTokens.Spacing9,
+      ];
+      return args
+        .slice(0, 4) // limit to 4 args
+        .map((n) => ( typeof n === 'number' ? spaces[n] : n )) // lookup
+        .join(' '); // concat into space-separated string
+    };
   }
+  return mergeThemes(theme, {
+    ...odysseyTheme,
+    components: {
+      MuiAlert: {
+        styleOverrides: {
+          root: {
+            gap: 0,
+          },
+          icon: ({ theme: t }) => ({
+            paddingInlineEnd: t.spacing(4),
+            flexShrink: 0,
+          }),
+        },
+      },
+      MuiInputBase: {
+        styleOverrides: {
+          root: {
+            width: '100%',
+          },
+          input: {
+            '::-ms-reveal': {
+              display: 'none',
+            },
+          },
+        },
+      },
+      MuiInputLabel: {
+        styleOverrides: {
+          root: {
+            wordBreak: 'break-word',
+            whiteSpace: 'normal',
+          },
+        },
+      },
+      // ruleset with :focus-visible pseudo-selector break entire ruleset in
+      // ie11 because its not supported. re-define the :hover rule separately
+      // again so the ruleset is applied in ie11
+      MuiButton: {
+        styleOverrides: {
+          root: ({ ownerState, theme: t }) => ({
+            ...(ownerState.variant === 'primary' && {
+              '&:hover': {
+                backgroundColor: t.palette.primary.dark,
+              },
+            }),
+            ...(ownerState.variant === 'secondary' && {
+              '&:hover': {
+                backgroundColor: t.palette.primary.lighter,
+                borderColor: t.palette.primary.light,
+                color: t.palette.primary.main,
+              },
+            }),
+            ...(ownerState.variant === 'floating' && {
+              '&:hover': {
+                backgroundColor: 'rgba(29, 29, 33, 0.1)',
+                borderColor: 'transparent',
+              },
+            }),
+          }),
+        },
+      },
+      // ruleset with :focus-visible pseudo-selector break entire ruleset in
+      // ie11 because its not supported. re-define the :hover rule separately
+      // again so the ruleset is applied in ie11
+      MuiIconButton: {
+        styleOverrides: {
+          root: {
+            '&:hover': {
+              backgroundColor: 'rgba(29, 29, 33, 0.1)',
+              borderColor: 'transparent',
+            },
+          },
+        },
+      },
+
+      MuiLink: {
+        styleOverrides: {
+          root: ({ ownerState, theme: t }) => ({
+            color: t.palette.primary.main,
+            textDecoration: ownerState?.component === 'a' ? 'underline' : 'inherit',
 
-  return merge(odysseyThemeCopy, muiThemeOverrides);
+            '&:hover': {
+              color: t.palette.primary.dark,
+            },
+          }),
+        },
+      },
+    },
+  });
 };
diff --git a/src/v3/test/e2e/tests/theming.spec.js b/src/v3/test/e2e/tests/theming.spec.js
index 5bbdb6130f..cb6eb6cad8 100644
--- a/src/v3/test/e2e/tests/theming.spec.js
+++ b/src/v3/test/e2e/tests/theming.spec.js
@@ -50,7 +50,8 @@ test('Theme configuration applies correctly', async (t) => {
 `,
 });
 
-test('should override text color based on MUI theme options override', async (t) => {
+// TODO OKTA-654743 enable/expose theme overrides on OktaSignIn configs
+test.skip('should override text color based on MUI theme options override', async (t) => {
   const header = Selector('h2')
     .withText('Sign In');
   await t
diff --git a/src/v3/test/integration/__snapshots__/admin-consent-without-logo.test.tsx.snap b/src/v3/test/integration/__snapshots__/admin-consent-without-logo.test.tsx.snap
index f30619f444..1acca579f8 100644
--- a/src/v3/test/integration/__snapshots__/admin-consent-without-logo.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/admin-consent-without-logo.test.tsx.snap
@@ -2,237 +2,241 @@
 
 exports[`admin-consent-without-logo should render form without logo 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
               />
-              <span
-                class="title-text MuiBox-root emotion-9"
-              >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-10"
-                >
-                  Native client
-                </h2>
-                <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-11"
-                >
-                  would like to access:
-                </p>
-                <div
-                  class="MuiBox-root emotion-8"
-                >
-                  <p
-                    class="MuiTypography-root MuiTypography-body1 issuer no-translate emotion-13"
-                  >
-                    http://localhost:3000
-                  </p>
-                </div>
-              </span>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-14"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-15"
+                class="MuiBox-root emotion-1"
               >
                 <div
-                  class="MuiBox-root emotion-16"
+                  class="MuiBox-root emotion-9"
+                />
+                <span
+                  class="title-text MuiBox-root emotion-10"
                 >
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-11"
+                  >
+                    Native client
+                  </h2>
+                  <p
+                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-12"
+                  >
+                    would like to access:
+                  </p>
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-9"
                   >
                     <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-11"
-                      data-se="consent-description"
-                      id="admin-consent_Description_Allowing_access_will_share_1"
+                      class="MuiTypography-root MuiTypography-body1 issuer no-translate emotion-14"
                     >
-                      Allowing access will share
+                      http://localhost:3000
                     </p>
                   </div>
-                </div>
+                </span>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-15"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-16"
                 >
                   <div
                     class="MuiBox-root emotion-17"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h6 emotion-10"
-                      data-se="scope-group--header"
-                      id="admin-consent_Heading_Resource_and_policies_2"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Resource and policies
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-12"
+                        data-se="consent-description"
+                        id="admin-consent_Description_Allowing_access_will_share_1"
+                      >
+                        Allowing access will share
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-24"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
-                        tabindex="-1"
+                      <h3
+                        class="MuiTypography-root MuiTypography-h6 emotion-11"
+                        data-se="scope-group--header"
+                        id="admin-consent_Heading_Resource_and_policies_2"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-26"
-                          data-indeterminate="false"
-                          data-se="consent.scopes.okta.clients.manage"
-                          data-se-for-name="consent.scopes.okta.clients.manage"
-                          disabled=""
-                          id="consent.scopes.okta.clients.manage"
-                          name="consent.scopes.okta.clients.manage"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
+                        Resource and policies
+                      </h3>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-25"
                       >
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-26"
+                          tabindex="-1"
                         >
-                          okta.clients.manage
+                          <input
+                            class="PrivateSwitchBase-input emotion-27"
+                            data-indeterminate="false"
+                            data-se="consent.scopes.okta.clients.manage"
+                            data-se-for-name="consent.scopes.okta.clients.manage"
+                            disabled=""
+                            id="consent.scopes.okta.clients.manage"
+                            name="consent.scopes.okta.clients.manage"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-28"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-30"
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-29"
                         >
-                          Allows the app to manage clients in your Okta organization.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            okta.clients.manage
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-31"
+                          >
+                            Allows the app to manage clients in your Okta organization.
+                          </p>
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-24"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
-                        tabindex="-1"
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-25"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-26"
-                          data-indeterminate="false"
-                          data-se="consent.scopes.okta.authenticators.manage"
-                          data-se-for-name="consent.scopes.okta.authenticators.manage"
-                          disabled=""
-                          id="consent.scopes.okta.authenticators.manage"
-                          name="consent.scopes.okta.authenticators.manage"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-26"
+                          tabindex="-1"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-27"
+                            data-indeterminate="false"
+                            data-se="consent.scopes.okta.authenticators.manage"
+                            data-se-for-name="consent.scopes.okta.authenticators.manage"
+                            disabled=""
+                            id="consent.scopes.okta.authenticators.manage"
+                            name="consent.scopes.okta.authenticators.manage"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-28"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-29"
                         >
-                          okta.authenticators.manage
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            okta.authenticators.manage
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-31"
+                          >
+                            Allows the app to manage all security methods (e.g. enrollments, reset).
+                          </p>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-30"
-                        >
-                          Allows the app to manage all security methods (e.g. enrollments, reset).
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
-                    data-type="save"
-                    tabindex="0"
-                    type="button"
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Allow Access
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
-                    data-type="cancel"
-                    tabindex="0"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
+                      data-type="save"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Allow Access
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Cancel
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
+                      data-type="cancel"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/admin-consent.test.tsx.snap b/src/v3/test/integration/__snapshots__/admin-consent.test.tsx.snap
index 927398d721..05cd723a2b 100644
--- a/src/v3/test/integration/__snapshots__/admin-consent.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/admin-consent.test.tsx.snap
@@ -2,256 +2,260 @@
 
 exports[`admin-consent should render form with logo 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="MuiBox-root emotion-1"
               >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-9"
                 >
-                  <a
-                    aria-label="Logo for the app"
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-10"
-                    href="https://client._funky-ch4rs.com"
-                    rel="noopener noreferrer"
-                    target="_blank"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <img
-                      alt="Logo for the app"
-                      aria-hidden="true"
-                      class="client-logo custom-logo MuiBox-root emotion-11"
-                      src="https://example.com/logo"
-                    />
-                  </a>
+                    <a
+                      aria-label="Logo for the app"
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-11"
+                      href="https://client._funky-ch4rs.com"
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      <img
+                        alt="Logo for the app"
+                        aria-hidden="true"
+                        class="client-logo custom-logo MuiBox-root emotion-12"
+                        src="https://example.com/logo"
+                      />
+                    </a>
+                  </div>
                 </div>
-              </div>
-              <span
-                class="title-text MuiBox-root emotion-12"
-              >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-13"
-                >
-                  Native client
-                </h2>
-                <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                >
-                  would like to access:
-                </p>
-                <div
-                  class="MuiBox-root emotion-8"
+                <span
+                  class="title-text MuiBox-root emotion-13"
                 >
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-14"
+                  >
+                    Native client
+                  </h2>
                   <p
-                    class="MuiTypography-root MuiTypography-body1 issuer no-translate emotion-16"
+                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
                   >
-                    http://localhost:3000
+                    would like to access:
                   </p>
-                </div>
-              </span>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-17"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-18"
-              >
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-20"
+                    class="MuiBox-root emotion-9"
                   >
                     <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="consent-description"
-                      id="admin-consent_Description_Allowing_access_will_share_1"
+                      class="MuiTypography-root MuiTypography-body1 issuer no-translate emotion-17"
                     >
-                      Allowing access will share
+                      http://localhost:3000
                     </p>
                   </div>
-                </div>
+                </span>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-18"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-19"
                 >
                   <div
                     class="MuiBox-root emotion-20"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h6 emotion-13"
-                      data-se="scope-group--header"
-                      id="admin-consent_Heading_Resource_and_policies_2"
+                    <div
+                      class="MuiBox-root emotion-21"
                     >
-                      Resource and policies
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="consent-description"
+                        id="admin-consent_Description_Allowing_access_will_share_1"
+                      >
+                        Allowing access will share
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-27"
+                    <div
+                      class="MuiBox-root emotion-21"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-28"
-                        tabindex="-1"
+                      <h3
+                        class="MuiTypography-root MuiTypography-h6 emotion-14"
+                        data-se="scope-group--header"
+                        id="admin-consent_Heading_Resource_and_policies_2"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-29"
-                          data-indeterminate="false"
-                          data-se="consent.scopes.okta.clients.manage"
-                          data-se-for-name="consent.scopes.okta.clients.manage"
-                          disabled=""
-                          id="consent.scopes.okta.clients.manage"
-                          name="consent.scopes.okta.clients.manage"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-30"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-31"
+                        Resource and policies
+                      </h3>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-28"
                       >
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
+                          tabindex="-1"
                         >
-                          okta.clients.manage
+                          <input
+                            class="PrivateSwitchBase-input emotion-30"
+                            data-indeterminate="false"
+                            data-se="consent.scopes.okta.clients.manage"
+                            data-se-for-name="consent.scopes.okta.clients.manage"
+                            disabled=""
+                            id="consent.scopes.okta.clients.manage"
+                            name="consent.scopes.okta.clients.manage"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-33"
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-32"
                         >
-                          Allows the app to manage clients in your Okta organization.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            okta.clients.manage
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-34"
+                          >
+                            Allows the app to manage clients in your Okta organization.
+                          </p>
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-27"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-28"
-                        tabindex="-1"
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-28"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-29"
-                          data-indeterminate="false"
-                          data-se="consent.scopes.okta.authenticators.manage"
-                          data-se-for-name="consent.scopes.okta.authenticators.manage"
-                          disabled=""
-                          id="consent.scopes.okta.authenticators.manage"
-                          name="consent.scopes.okta.authenticators.manage"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-30"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
+                          tabindex="-1"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-30"
+                            data-indeterminate="false"
+                            data-se="consent.scopes.okta.authenticators.manage"
+                            data-se-for-name="consent.scopes.okta.authenticators.manage"
+                            disabled=""
+                            id="consent.scopes.okta.authenticators.manage"
+                            name="consent.scopes.okta.authenticators.manage"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-31"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-32"
                         >
-                          okta.authenticators.manage
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            okta.authenticators.manage
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-34"
+                          >
+                            Allows the app to manage all security methods (e.g. enrollments, reset).
+                          </p>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-33"
-                        >
-                          Allows the app to manage all security methods (e.g. enrollments, reset).
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-44"
-                    data-type="save"
-                    tabindex="0"
-                    type="button"
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    Allow Access
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-44"
-                    data-type="cancel"
-                    tabindex="0"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-45"
+                      data-type="save"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Allow Access
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    Cancel
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-45"
+                      data-type="cancel"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-apple-sso-extension.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-apple-sso-extension.test.tsx.snap
index 14107355ba..f6bb7e914f 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-apple-sso-extension.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-apple-sso-extension.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`authenticator-apple-sso-extension calls verify then cancels the transaction when step up error is encountered 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,195 +43,199 @@ exports[`authenticator-apple-sso-extension calls verify then cancels the transac
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-18"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-19"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-19"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-20"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-20"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-21"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-22"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-21"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-22"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-23"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-23"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Next
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-27"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-29"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-30"
-                >
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-28"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-30"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-31"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-32"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-33"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_8"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_8"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-31"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-32"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-apple-sso-extension cancels the transaction when sso extension authenticator does not exist 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -239,195 +243,199 @@ exports[`authenticator-apple-sso-extension cancels the transaction when sso exte
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-18"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-19"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-19"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-20"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-20"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-21"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-22"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-21"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-22"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-23"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-23"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Next
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-27"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-29"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-30"
-                >
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-28"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-30"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-31"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-32"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-33"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_8"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_8"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-31"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-32"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-apple-sso-extension opens the verify url with credential SSO Extension approach 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -435,155 +443,159 @@ exports[`authenticator-apple-sso-extension opens the verify url with credential
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-18"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-19"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-19"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-20"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-20"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-21"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-22"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-21"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-22"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-23"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-23"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Next
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-27"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-29"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-30"
-                >
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-28"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-30"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-31"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-32"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-33"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_8"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_8"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-31"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-32"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-email-verification-data.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-email-verification-data.test.tsx.snap
index 1da227bc5a..47fbdd04c6 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-email-verification-data.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-email-verification-data.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-email-verification-data should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,61 +118,65 @@ exports[`authenticator-email-verification-data should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Get_a_verification_email_okta_email_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Get a verification email
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Get_a_verification_email_okta_email_1"
+                        tabindex="-1"
+                      >
+                        Get a verification email
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Send_a_verification_email_by_clicking_on_Send_me_an_email_okta_email_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Send a verification email by clicking on "Send me an email".
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Send_a_verification_email_by_clicking_on_Send_me_an_email_okta_email_2"
+                      >
+                        Send a verification email by clicking on "Send me an email".
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-22"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Send me an email
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-24"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send me an email
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-data-phone.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-data-phone.test.tsx.snap
index 2ac41ff078..951e45ff2b 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-data-phone.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-data-phone.test.tsx.snap
@@ -2,125 +2,125 @@
 
 exports[`authenticator-enroll-data-phone should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester13@test.com"
-                >
-                  tester13@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester13@test.com"
+                  >
+                    tester13@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -128,4698 +128,4710 @@ exports[`authenticator-enroll-data-phone should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up phone authentication
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aut2h3fft10VeLDPD1d7_3_1"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aut2h3fft10VeLDPD1d7_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-focusVisible PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
                             <span
-                              class="emotion-28"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-focusVisible PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                              SMS
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
                             <span
-                              class="emotion-28"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                              Voice call
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
                       <div
-                        class="MuiBox-root emotion-15"
+                        class="MuiBox-root emotion-1"
                       >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
                         <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
+                          class="MuiBox-root emotion-16"
                         >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
                           >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
+                          >
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
                             >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              United States
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
-                            >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
-                            >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
-                            >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
-                            >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
-                            >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
-                        <div
-                          class="MuiBox-root emotion-47"
-                        >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
-                          <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
-                          >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                              <option
+                                value="AF"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
-                    >
-                      Receive a code via SMS
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`authenticator-enroll-data-phone should render form without an autoFocused field 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-phone"
-                >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
-            >
-              <div
-                class="MuiBox-root emotion-9"
-              >
-                <span
-                  class="MuiBox-root emotion-10"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester13@test.com"
-                >
-                  tester13@test.com
-                </span>
-              </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
-              >
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
-                      tabindex="-1"
-                    >
-                      Set up phone authentication
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-16"
-                    >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aut2h3fft10VeLDPD1d7_3_1"
-                      >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
-                    >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
-                      >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <div
-                        class="MuiBox-root emotion-15"
-                      >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
-                        >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
-                          >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              United States
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
-                            >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
-                            >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
-                            >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
-                            >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
-                            >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                United States
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
                         <div
                           class="MuiBox-root emotion-47"
+                          dir="ltr"
                         >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
                           <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
+                            class="MuiBox-root emotion-48"
                           >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
                           </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
-                    >
-                      Receive a code via SMS
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`authenticator-enroll-data-phone should send correct payload when selecting voice 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-phone"
-                >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
-            >
-              <div
-                class="MuiBox-root emotion-9"
-              >
-                <span
-                  class="MuiBox-root emotion-10"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester13@test.com"
-                >
-                  tester13@test.com
-                </span>
-              </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
-              >
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
-                      tabindex="-1"
-                    >
-                      Set up phone authentication
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-16"
-                    >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_voice_call_phone_number_aut2h3fft10VeLDPD1d7_7_2"
-                      >
-                        Enter your phone number to receive a verification code via voice call.
-                      </p>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
-                    >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
-                      >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
+                        </div>
                       </div>
-                    </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via SMS
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
-                    <div
-                      class="MuiBox-root emotion-0"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      <div
-                        class="MuiBox-root emotion-15"
-                      >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
-                        >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
-                          >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              United States
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`authenticator-enroll-data-phone should render form without an autoFocused field 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
+              >
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              class="MuiBox-root emotion-8"
+            >
+              <div
+                class="identifier-container MuiBox-root emotion-9"
+              >
+                <div
+                  class="MuiBox-root emotion-10"
+                >
+                  <span
+                    class="MuiBox-root emotion-11"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester13@test.com"
+                  >
+                    tester13@test.com
+                  </span>
+                </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
+                <div
+                  class="MuiBox-root emotion-15"
+                >
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aut2h3fft10VeLDPD1d7_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
+                              SMS
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
+                              Voice call
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <div
+                          class="MuiBox-root emotion-16"
+                        >
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
+                          >
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
+                          >
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
                             >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
+                              <option
+                                value="AF"
+                              >
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                United States
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-47"
+                          dir="ltr"
+                        >
+                          <div
+                            class="MuiBox-root emotion-48"
+                          >
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
+                              >
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via SMS
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`authenticator-enroll-data-phone should send correct payload when selecting voice 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
+              >
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              class="MuiBox-root emotion-8"
+            >
+              <div
+                class="identifier-container MuiBox-root emotion-9"
+              >
+                <div
+                  class="MuiBox-root emotion-10"
+                >
+                  <span
+                    class="MuiBox-root emotion-11"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester13@test.com"
+                  >
+                    tester13@test.com
+                  </span>
+                </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
+                <div
+                  class="MuiBox-root emotion-15"
+                >
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_voice_call_phone_number_aut2h3fft10VeLDPD1d7_7_2"
+                        >
+                          Enter your phone number to receive a verification code via voice call.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
+                              SMS
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
+                              Voice call
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <div
+                          class="MuiBox-root emotion-16"
+                        >
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
+                          >
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
                           >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
+                            >
+                              <option
+                                value="AF"
+                              >
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                United States
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
                         <div
                           class="MuiBox-root emotion-47"
+                          dir="ltr"
                         >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
                           <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
+                            class="MuiBox-root emotion-48"
                           >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="MuiBox-root emotion-53"
-                        >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="phoneExtension"
-                          >
-                            Extension
-                          </label>
                           <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary emotion-55"
-                            dir="ltr"
-                            required="true"
+                            class="MuiBox-root emotion-54"
                           >
-                            <input
-                              autocomplete="tel-extension"
-                              class="MuiInputBase-input emotion-52"
-                              data-se="extension"
-                              id="phoneExtension"
-                              name="extension"
-                              required=""
-                              type="text"
-                            />
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="phoneExtension"
+                            >
+                              Extension
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary emotion-56"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <input
+                                autocomplete="tel-extension"
+                                class="MuiInputBase-input emotion-53"
+                                data-se="extension"
+                                id="phoneExtension"
+                                name="extension"
+                                required=""
+                                type="text"
+                              />
+                            </div>
                           </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-59"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via voice call
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-58"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Receive a code via voice call
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-email-magic-link-false.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-email-magic-link-false.test.tsx.snap
index b198c7528a..bf60624bf1 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-email-magic-link-false.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-email-magic-link-false.test.tsx.snap
@@ -2,230 +2,234 @@
 
 exports[`Email authenticator enroll when magic link = false Tests should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
-                <div
-                  class="MuiBox-root emotion-15"
-                />
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Verify_with_your_email_okta_email_aut2m2nnGGzJy8uO80g4_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Verify with your email
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Verify_with_your_email_okta_email_aut2m2nnGGzJy8uO80g4_2"
+                        tabindex="-1"
+                      >
+                        Verify with your email
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>testUser@oktacom</span>_Enter_the_verification_code_in_the_text_box_okta_email_aut2m2nnGGzJy8uO80g4_3"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      We sent an email to 
-                      <span
-                        class="strong no-translate"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>testUser@oktacom</span>_Enter_the_verification_code_in_the_text_box_okta_email_aut2m2nnGGzJy8uO80g4_3"
                       >
-                        testUser@okta.com
-                      </span>
-                      . Enter the verification code in the text box.
-                    </p>
+                        We sent an email to 
+                        <span
+                          class="strong no-translate"
+                        >
+                          testUser@okta.com
+                        </span>
+                        . Enter the verification code in the text box.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-26"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-26"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-27"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-email.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-email.test.tsx.snap
index 4039f2a992..c5965efbe4 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-email.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-email.test.tsx.snap
@@ -2,201 +2,205 @@
 
 exports[`Email authenticator enroll when email magic link = true Tests should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
-                  />
-                  <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
+                    />
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-19"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_enroll-authenticator_Title_Verify_with_your_email_okta_email_aut2m2nnGGzJy8uO80g4_okta_email_aut2m2nnGGzJy8uO80g4_7"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-20"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_enroll-authenticator_Title_Verify_with_your_email_okta_email_aut2m2nnGGzJy8uO80g4_okta_email_aut2m2nnGGzJy8uO80g4_7"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
-                        data-se="o-form-explain"
-                        id="enroll-authenticator_Description_enroll-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>testUser@oktacom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_aut2m2nnGGzJy8uO80g4_okta_email_aut2m2nnGGzJy8uO80g4_8"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-23"
+                          data-se="o-form-explain"
+                          id="enroll-authenticator_Description_enroll-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>testUser@oktacom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_aut2m2nnGGzJy8uO80g4_okta_email_aut2m2nnGGzJy8uO80g4_8"
                         >
-                          testUser@okta.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            testUser@okta.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Enter a verification code instead
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Enter a verification code instead
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-google-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-google-authenticator.test.tsx.snap
index 2d352dced8..040a3ef41d 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-google-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-google-authenticator.test.tsx.snap
@@ -2,135 +2,135 @@
 
 exports[`authenticator-enroll-google-authenticator renders form renders QR code view 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-google-auth MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-google-auth"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-google-auth MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-google-auth"
+                <svg
+                  aria-labelledby="mfa-google-auth"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Google Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                  fill="#1A73E7"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                  fill="#FABB04"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                  fill="#34A753"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                  fill="#E94335"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                  fill="#174EA5"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-google-auth"
+                  >
+                    Google Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                    fill="#1A73E7"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                    fill="#FABB04"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                    fill="#34A753"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                    fill="#E94335"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                    fill="#174EA5"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester19@test.com"
-                >
-                  tester19@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester19@test.com"
+                  >
+                    tester19@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -138,250 +138,254 @@ exports[`authenticator-enroll-google-authenticator renders form renders QR code
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Google Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Google Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <h3
+                          class="MuiTypography-root MuiTypography-h5 emotion-22"
+                          data-se="barcode-setup-title"
+                          id="enroll-authenticator_Heading_Scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_3_1"
+                        >
+                          Scan barcode
+                        </h3>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
+                          data-se="google-authenticator-setup-info"
+                          id="enroll-authenticator_Description_Launch_Google_Authenticator,_tap_the__icon,_then_select_Scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_4_1"
+                        >
+                          Launch Google Authenticator, tap the "+" icon, then select "Scan barcode".
+                        </p>
+                      </div>
+                    </div>
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <h3
-                        class="MuiTypography-root MuiTypography-h5 emotion-21"
-                        data-se="barcode-setup-title"
-                        id="enroll-authenticator_Heading_Scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_3_1"
+                      <div
+                        class="qrContainer MuiBox-root emotion-27"
                       >
-                        Scan barcode
-                      </h3>
+                        <img
+                          alt="QR code"
+                          class="qrImg MuiBox-root emotion-28"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAE7ElEQVR42u3dwWrsMAwF0Pz/T7/uC29RYklXzrnQ1ZQh4/gEFDvK809E/pvHEIgAIgKICCAigIgAIgKICCAigIgAIiKAiAAiAogIICKAiAAiAogIIL+/6Hla/04f718/rx6v0+Ndff5umx+AAAIIIIAAAggggOwDUj2h3k64r4N9O17pFxxAAAEEEEAAAQQQQAB5O+HSiubTYKrHo3p8TwNKmR+AAAIIIIAAAggggABS9f1vJ3BaEV+9sAcIIIAAAggggAACCCCK9FmQ1UX5NAhAAAEEEEAAAQQQQADZBqQbYPUJOl20Vx9/90Jn2vwABBBAAAEEEEAAAeR+INsnmM/vugAB4nNAADHBAAEEEEDuA5KW6QeQqv8/feHzmnkECCCAAAIIIIAAAkgskO4ivPsBpemisvqBp9Pjvb0RHSCAAAIIIIAAAggg+4CcPmGpA5gygbvHa/oCBwgggAACCCCAAAIIIGnNnKebXXc3jqsez+nvnwoggAACCCCAAAIIILlA0ovW9KKwu/n29E2PLYAAAQQQQAABBBBAANkDpLvIvA3k6QtO+gRO3bwICCCAAAIIIIAAAsgeILe9VLP7ga9tmz+rjx8QQAABBBBAAAEEEEC6i/juE5S22bD6psH0wlzq8QECCCCAAAIIIIAAkgvk600SqhuzpT+QdmtTDkAAAQQQQAABBBBA9hTp3UVz2kLWdLPn6c2ctwQQQAABBBBAAAEEkL1AtoPqPv7pInZ682XKTSJAAAEEEEAAAQQQQO4FUg3u9E2GbS+EmW5SseUBKUAAAQQQQAABBBBAvrNZcfoFL9MLidXjUX3BuqVJAyCAAAIIIIAAAggge4v00z94+qH+6SK9e/Nm98Le57uaAAIIIIAAAggggAASV7RPT5i0hbPuCT1dtFfPN0AAAQQQQAABBBBA9gNJW1iaLiKnP0/7vvRm2oAAAggggAACCCCA5ANJWzibLuKnx2/6pkk1uHVFOiCAAAIIIIAAAggg5UCqP59eiEt7QOj0+GxrXg0IIIAAAggggAACCCDbiuDu39+9+TCtacPp8wMIIIAAAggggAACCCDpRf40iNMLhbc1rrt+syIggAACCCCAAAIIIOVFW9qE6v593UVv9QVu200FQAABBBBAAAEEEEC+17RhWxFbfVOhewJ3j2faBQgQQAABBBBAAAEEkPuAfL2JQvdNhfTNgt1Ar+tqAggggAACCCCAAAJIeVHYXRSnvYAm7QJw++8HxATx+wEBBBBAAAHkfiDdAzLdTHv6gpIGcAsIQAABBBBAAAEEEEDuBTLdPLl74S6tyE1r/v35hUJAAAEEEEAAAQQQQNYlrXHa9AuBTt9ESbtJAwgggAACCCCAAAIIINMvkUwruqubeXcff1rTjPULhYAAAggggAACCCCAjBdp1QuRaQCmFxqrN4cq0gEBBBBAAAEEEEAAmQYy3Ugu/QU3ad/Xvfk0BQQggAACCCCAAAIIIIB0nfBuANtfINQ9X6ZuEgECCCCAAAIIIIAAAsiWonM6aUXv9E0WQAABBBBAAAEEEEC8H2S6qEsDPv3/08eX+kIfQAABBBBAAAEEEED2ANnezDh9IS/tb2oCry3SAQEEEEAAAQQQQAAREUBEABEBRAQQEUBEABEBRAQQEUBEBBARQEQAEQFEBBARQEQAEQFE5Ob8AIHb9L3GGLlfAAAAAElFTkSuQmCC"
+                        />
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
-                        data-se="google-authenticator-setup-info"
-                        id="enroll-authenticator_Description_Launch_Google_Authenticator,_tap_the__icon,_then_select_Scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_4_1"
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
+                        tabindex="0"
+                        type="button"
                       >
-                        Launch Google Authenticator, tap the "+" icon, then select "Scan barcode".
-                      </p>
+                        Can't scan?
+                      </button>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
-                      class="qrContainer MuiBox-root emotion-26"
+                      class="MuiBox-root emotion-16"
                     >
-                      <img
-                        alt="QR code"
-                        class="qrImg MuiBox-root emotion-27"
-                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAE7ElEQVR42u3dwWrsMAwF0Pz/T7/uC29RYklXzrnQ1ZQh4/gEFDvK809E/pvHEIgAIgKICCAigIgAIgKICCAigIgAIiKAiAAiAogIICKAiAAiAogIIL+/6Hla/04f718/rx6v0+Ndff5umx+AAAIIIIAAAggggOwDUj2h3k64r4N9O17pFxxAAAEEEEAAAQQQQAB5O+HSiubTYKrHo3p8TwNKmR+AAAIIIIAAAggggABS9f1vJ3BaEV+9sAcIIIAAAggggAACCCCK9FmQ1UX5NAhAAAEEEEAAAQQQQADZBqQbYPUJOl20Vx9/90Jn2vwABBBAAAEEEEAAAeR+INsnmM/vugAB4nNAADHBAAEEEEDuA5KW6QeQqv8/feHzmnkECCCAAAIIIIAAAkgskO4ivPsBpemisvqBp9Pjvb0RHSCAAAIIIIAAAggg+4CcPmGpA5gygbvHa/oCBwgggAACCCCAAAIIIGnNnKebXXc3jqsez+nvnwoggAACCCCAAAIIILlA0ovW9KKwu/n29E2PLYAAAQQQQAABBBBAANkDpLvIvA3k6QtO+gRO3bwICCCAAAIIIIAAAsgeILe9VLP7ga9tmz+rjx8QQAABBBBAAAEEEEC6i/juE5S22bD6psH0wlzq8QECCCCAAAIIIIAAkgvk600SqhuzpT+QdmtTDkAAAQQQQAABBBBA9hTp3UVz2kLWdLPn6c2ctwQQQAABBBBAAAEEkL1AtoPqPv7pInZ682XKTSJAAAEEEEAAAQQQQO4FUg3u9E2GbS+EmW5SseUBKUAAAQQQQAABBBBAvrNZcfoFL9MLidXjUX3BuqVJAyCAAAIIIIAAAggge4v00z94+qH+6SK9e/Nm98Le57uaAAIIIIAAAggggAASV7RPT5i0hbPuCT1dtFfPN0AAAQQQQAABBBBA9gNJW1iaLiKnP0/7vvRm2oAAAggggAACCCCA5ANJWzibLuKnx2/6pkk1uHVFOiCAAAIIIIAAAggg5UCqP59eiEt7QOj0+GxrXg0IIIAAAggggAACCCDbiuDu39+9+TCtacPp8wMIIIAAAggggAACCCDpRf40iNMLhbc1rrt+syIggAACCCCAAAIIIOVFW9qE6v593UVv9QVu200FQAABBBBAAAEEEEC+17RhWxFbfVOhewJ3j2faBQgQQAABBBBAAAEEkPuAfL2JQvdNhfTNgt1Ar+tqAggggAACCCCAAAJIeVHYXRSnvYAm7QJw++8HxATx+wEBBBBAAAHkfiDdAzLdTHv6gpIGcAsIQAABBBBAAAEEEEDuBTLdPLl74S6tyE1r/v35hUJAAAEEEEAAAQQQQNYlrXHa9AuBTt9ESbtJAwgggAACCCCAAAIIINMvkUwruqubeXcff1rTjPULhYAAAggggAACCCCAjBdp1QuRaQCmFxqrN4cq0gEBBBBAAAEEEEAAmQYy3Ugu/QU3ad/Xvfk0BQQggAACCCCAAAIIIIB0nfBuANtfINQ9X6ZuEgECCCCAAAIIIIAAAsiWonM6aUXv9E0WQAABBBBAAAEEEEC8H2S6qEsDPv3/08eX+kIfQAABBBBAAAEEEED2ANnezDh9IS/tb2oCry3SAQEEEEAAAQQQQAAREUBEABEBRAQQEUBEABEBRAQQEUBEBBARQEQAEQFEBBARQEQAEQFE5Ob8AIHb9L3GGLlfAAAAAElFTkSuQmCC"
-                      />
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Next
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Can't scan?
+                      Return to authenticator list
                     </button>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="cancel"
+                      role="link"
                       type="button"
                     >
-                      Next
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-google-authenticator renders form renders challenge view 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-google-auth MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-google-auth"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-google-auth MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-google-auth"
+                <svg
+                  aria-labelledby="mfa-google-auth"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Google Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                  fill="#1A73E7"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                  fill="#FABB04"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                  fill="#34A753"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                  fill="#E94335"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                  fill="#174EA5"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-google-auth"
+                  >
+                    Google Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                    fill="#1A73E7"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                    fill="#FABB04"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                    fill="#34A753"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                    fill="#E94335"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                    fill="#174EA5"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester19@test.com"
-                >
-                  tester19@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester19@test.com"
+                  >
+                    tester19@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -389,244 +393,248 @@ exports[`authenticator-enroll-google-authenticator renders form renders challeng
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Google Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Google Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="enter-code-title"
-                        id="enroll-authenticator_Description_Enter_code_displayed_from_application_google_otp_aut2m5drzzUlo4Bn81d7_12_3"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        Enter code displayed from application
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="enter-code-title"
+                          id="enroll-authenticator_Description_Enter_code_displayed_from_application_google_otp_aut2m5drzzUlo4Bn81d7_12_3"
+                        >
+                          Enter code displayed from application
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-26"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
+                          data-shrink="false"
+                          for="credentials.passcode"
+                        >
+                          Enter code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-26"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-27"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-google-authenticator renders form renders secret key view 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-google-auth MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-google-auth"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-google-auth MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-google-auth"
+                <svg
+                  aria-labelledby="mfa-google-auth"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Google Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                  fill="#1A73E7"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                  fill="#FABB04"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                  fill="#34A753"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                  fill="#E94335"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                  fill="#174EA5"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-google-auth"
+                  >
+                    Google Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                    fill="#1A73E7"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                    fill="#FABB04"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                    fill="#34A753"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                    fill="#E94335"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                    fill="#174EA5"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester19@test.com"
-                >
-                  tester19@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester19@test.com"
+                  >
+                    tester19@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -634,241 +642,245 @@ exports[`authenticator-enroll-google-authenticator renders form renders secret k
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Google Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Google Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <h3
+                          class="MuiTypography-root MuiTypography-h5 emotion-22"
+                          data-se="manual-setup-title"
+                          id="enroll-authenticator_Heading_Cant_scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_8_2"
+                        >
+                          Can't scan barcode?
+                        </h3>
+                      </div>
+                    </div>
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <h3
-                        class="MuiTypography-root MuiTypography-h5 emotion-21"
-                        data-se="manual-setup-title"
-                        id="enroll-authenticator_Heading_Cant_scan_barcode_google_otp_aut2m5drzzUlo4Bn81d7_8_2"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        Can't scan barcode?
-                      </h3>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
+                          data-se="google-authenticator-setup-info"
+                          id="enroll-authenticator_Description_To_set_up_manually_enter_your_Okta_Account_username_and_then_input_the_following_in_the_Secret_Key_Field_google_otp_aut2m5drzzUlo4Bn81d7_9_2"
+                        >
+                          To set up manually enter your Okta Account username and then input the following in the Secret Key Field
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
-                        data-se="google-authenticator-setup-info"
-                        id="enroll-authenticator_Description_To_set_up_manually_enter_your_Okta_Account_username_and_then_input_the_following_in_the_Secret_Key_Field_google_otp_aut2m5drzzUlo4Bn81d7_9_2"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        To set up manually enter your Okta Account username and then input the following in the Secret Key Field
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
+                          data-se="o-form-explain"
+                          id="enroll-authenticator_Description_K_A_G_W_B_I_X_A_K_O_L_P_E_F_M_Y_google_otp_aut2m5drzzUlo4Bn81d7_10_2"
+                        >
+                          K A G W B I X A K O L P E F M Y
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
-                        data-se="o-form-explain"
-                        id="enroll-authenticator_Description_K_A_G_W_B_I_X_A_K_O_L_P_E_F_M_Y_google_otp_aut2m5drzzUlo4Bn81d7_10_2"
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
+                        tabindex="0"
+                        type="button"
                       >
-                        K A G W B I X A K O L P E F M Y
-                      </p>
+                        Next
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Next
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-google-authenticator renders form renders secret key view 2`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-google-auth MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-google-auth"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-google-auth MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-google-auth"
+                <svg
+                  aria-labelledby="mfa-google-auth"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Google Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                  fill="#1A73E7"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                  fill="#FABB04"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                  fill="#34A753"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                  fill="#E94335"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                  fill="#174EA5"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-google-auth"
+                  >
+                    Google Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                    fill="#1A73E7"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                    fill="#FABB04"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                    fill="#34A753"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                    fill="#E94335"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                    fill="#174EA5"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester19@test.com"
-                >
-                  tester19@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester19@test.com"
+                  >
+                    tester19@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -876,109 +888,113 @@ exports[`authenticator-enroll-google-authenticator renders form renders secret k
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Google Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_Google_Authenticator_google_otp_aut2m5drzzUlo4Bn81d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Google Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="enter-code-title"
-                        id="enroll-authenticator_Description_Enter_code_displayed_from_application_google_otp_aut2m5drzzUlo4Bn81d7_12_3"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        Enter code displayed from application
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="enter-code-title"
+                          id="enroll-authenticator_Description_Enter_code_displayed_from_application_google_otp_aut2m5drzzUlo4Bn81d7_12_3"
+                        >
+                          Enter code displayed from application
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-26"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
+                          data-shrink="false"
+                          for="credentials.passcode"
+                        >
+                          Enter code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-26"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-27"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-password-requirements-not-met.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-password-requirements-not-met.test.tsx.snap
index 5d197876ea..83d26d494e 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-password-requirements-not-met.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-password-requirements-not-met.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-password-requirements-not-met should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester47@test.com"
-                >
-                  tester47@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester47@test.com"
+                  >
+                    tester47@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,557 +118,561 @@ exports[`authenticator-password-requirements-not-met should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up password
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Set up password
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              No parts of your username
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Does not include your first name
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              Does not include your first name
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Does not include your last name
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-66"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-69"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-70"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby=" credentials.passcode-error enroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-71"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-72"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-73"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-74"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              Does not include your last name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-65"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-68"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-69"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" credentials.passcode-error enroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-70"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      </div>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-71"
+                        class="MuiBox-root emotion-1"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-72"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-76"
+                          data-se="credentials.passcode-error"
+                          id="generated"
+                          role="alert"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-73"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                          Password requirements were not met
+                        </p>
                       </div>
                     </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-75"
-                        data-se="credentials.passcode-error"
-                        id="generated"
-                        role="alert"
-                      >
-                        Password requirements were not met
-                      </p>
-                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-68"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-69"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby="enroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-70"
-                        data-se="confirmPassword"
-                        id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-71"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-69"
+                        data-shrink="false"
+                        for="confirmPassword"
                       >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-72"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-73"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-86"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-22"
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-70"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="enroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-71"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-72"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-73"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-73"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-74"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                incomplete
-                              </title>
                             </svg>
-                          </div>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
+                    >
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-87"
+                        id="generated"
+                      >
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              Passwords must match
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-74"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-94"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Next
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-96"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-95"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-96"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-sms.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-sms.test.tsx.snap
index 89b24d3ed1..c6c63a5631 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-sms.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-sms.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`authenticator-enroll-phone-sms Send correct payload when back to authenticators list 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="tester13@test.com"
-                >
-                  tester13@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="tester13@test.com"
+                  >
+                    tester13@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,784 +80,792 @@ exports[`authenticator-enroll-phone-sms Send correct payload when back to authen
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="select-authenticator-enroll_Title_Set_up_security_methods_aut2h3fft10VeLDPD1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up security methods
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="select-authenticator-enroll_Title_Set_up_security_methods_aut2h3fft10VeLDPD1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up security methods
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_aut2h3fft10VeLDPD1d7_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Security methods help protect your account by ensuring only you have access.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_aut2h3fft10VeLDPD1d7_2"
+                      >
+                        Security methods help protect your account by ensuring only you have access.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Set_up_required_aut2h3fft10VeLDPD1d7_3"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up required
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Set_up_required_aut2h3fft10VeLDPD1d7_3"
+                      >
+                        Set up required
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <ul
-                    class="MuiBox-root emotion-24"
-                    data-se="authenticator-enroll-list"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <li
-                      class="MuiBox-root emotion-14"
+                    <ul
+                      class="MuiBox-root emotion-25"
+                      data-se="authenticator-enroll-list"
                     >
-                      <button
-                        aria-describedby="google_otp_0-description google_otp_0-ctaLabel"
-                        aria-labelledby="google_otp_0-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="google_otp_0-description google_otp_0-ctaLabel"
+                          aria-labelledby="google_otp_0-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-google-auth authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="google_otp_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-google-auth authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="google_otp_0"
+                              <svg
+                                aria-labelledby="google_otp_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Google Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                                fill="#1A73E7"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                                fill="#FABB04"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                                fill="#34A753"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                                fill="#E94335"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                                fill="#174EA5"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="google_otp_0"
+                                >
+                                  Google Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                                  fill="#1A73E7"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                                  fill="#FABB04"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                                  fill="#34A753"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                                  fill="#E94335"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                                  fill="#174EA5"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="google_otp_0-label"
-                          >
-                            Google Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="google_otp_0-description"
-                          >
-                            Enter a temporary code generated from the Google Authenticator app.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="google_otp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="google_otp_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="google_otp_0-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Google Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="google_otp_0-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Enter a temporary code generated from the Google Authenticator app.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="google_otp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="google_otp_0-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
-                        aria-labelledby="okta_verify_1-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
+                          aria-labelledby="okta_verify_1-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_1"
+                              <svg
+                                aria-labelledby="okta_verify_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_1"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_1-label"
-                          >
-                            Okta Verify
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_1-description"
-                          >
-                            Okta Verify is an authenticator app, installed on your phone, used to prove your identity
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="okta_verify"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="okta_verify_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_1-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Okta Verify
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_1-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify is an authenticator app, installed on your phone, used to prove your identity
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="okta_verify"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="okta_verify_1-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="phone_number_2-description phone_number_2-ctaLabel"
-                        aria-labelledby="phone_number_2-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_2-description phone_number_2-ctaLabel"
+                          aria-labelledby="phone_number_2-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_2"
+                              <svg
+                                aria-labelledby="phone_number_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_2"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="phone_number_2-label"
-                          >
-                            Phone
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="phone_number_2-description"
-                          >
-                            Verify with a code sent to your phone
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="phone_number_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="phone_number_2-label"
+                            >
+                              Phone
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="phone_number_2-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify with a code sent to your phone
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="phone_number"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="phone_number_2-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="webauthn_3-description webauthn_3-ctaLabel"
-                        aria-labelledby="webauthn_3-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="webauthn_3-description webauthn_3-ctaLabel"
+                          aria-labelledby="webauthn_3-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-webauthn authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="webauthn_3"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-webauthn authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="webauthn_3"
+                              <svg
+                                aria-labelledby="webauthn_3"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Key or Biometric Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="webauthn_3"
+                                >
+                                  Security Key or Biometric Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="webauthn_3-label"
-                          >
-                            Security Key or Biometric Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="webauthn_3-description"
-                          >
-                            Use a security key or a biometric authenticator to sign in
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="webauthn"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="webauthn_3-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="webauthn_3-label"
+                            >
+                              Security Key or Biometric Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="webauthn_3-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Use a security key or a biometric authenticator to sign in
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="webauthn"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="webauthn_3-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-66"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-67"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-phone-sms should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester13@test.com"
-                >
-                  tester13@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester13@test.com"
+                  >
+                    tester13@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
-                <div
-                  class="MuiBox-root emotion-15"
-                />
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Set up phone authentication
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_2"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_A_code_was_sent_to_your_phone_Enter_the_code_below_to_verify_phone_number_aut2h3fft10VeLDPD1d7_3"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      A code was sent to your phone. Enter the code below to verify.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_A_code_was_sent_to_your_phone_Enter_the_code_below_to_verify_phone_number_aut2h3fft10VeLDPD1d7_3"
+                      >
+                        A code was sent to your phone. Enter the code below to verify.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_aut2h3fft10VeLDPD1d7_4"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Carrier messaging charges may apply
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_aut2h3fft10VeLDPD1d7_4"
+                      >
+                        Carrier messaging charges may apply
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-28"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-29"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-29"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-30"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-voice.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-voice.test.tsx.snap
index 7f708767e4..2604e5eee2 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-voice.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-phone-voice.test.tsx.snap
@@ -2,249 +2,253 @@
 
 exports[`authenticator-enroll-phone-voice should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester3@test.com"
-                >
-                  tester3@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester3@test.com"
+                  >
+                    tester3@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
-                <div
-                  class="MuiBox-root emotion-15"
-                />
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Set up phone authentication
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_phone_authentication_phone_number_aut2h3fft10VeLDPD1d7_2"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_Calling_your_phone_Enter_the_code_below_to_verify_phone_number_aut2h3fft10VeLDPD1d7_3"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Calling your phone. Enter the code below to verify.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_Calling_your_phone_Enter_the_code_below_to_verify_phone_number_aut2h3fft10VeLDPD1d7_3"
+                      >
+                        Calling your phone. Enter the code below to verify.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_aut2h3fft10VeLDPD1d7_4"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Carrier messaging charges may apply
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_aut2h3fft10VeLDPD1d7_4"
+                      >
+                        Carrier messaging charges may apply
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-28"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-29"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-29"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-30"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question-error.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question-error.test.tsx.snap
index fa22b29d47..d0f44bbfe3 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question-error.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question-error.test.tsx.snap
@@ -2,2002 +2,2018 @@
 
 exports[`authenticator-enroll-security-question-error custom question should show field level character count error message when invalid number of characters are sent and field should retain characters 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-security-question"
-                >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-security-question"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester35@test.com"
-                >
-                  tester35@test.com
-                </span>
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester35@test.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    tester35@test.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-22"
+                      class="MuiAlert-icon emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-23"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
-                        tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Set up security question
-                      </h2>
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
                     </div>
                   </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-20"
                   >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      
                       <div
-                        class="MuiFormGroup-root emotion-26"
-                        role="radiogroup"
+                        class="MuiBox-root emotion-23"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-24"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-27"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-33"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-39"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-40"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
-                        data-shrink="false"
-                        for="credentials.question"
-                      >
-                        Create my own security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-44"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-45"
-                          data-se="credentials.question"
-                          id="credentials.question"
-                          name="credentials.question"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
+                          data-shrink="false"
+                          for="credentials.question"
+                        >
+                          Create my own security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-45"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-46"
+                            data-se="credentials.question"
+                            id="credentials.question"
+                            name="credentials.question"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-44"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-describedby=" credentials.answer-error  "
-                          aria-invalid="true"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-45"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-51"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-45"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-52"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                          <input
+                            aria-describedby=" credentials.answer-error  "
+                            aria-invalid="true"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-46"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-52"
+                          >
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-53"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-0"
-                      >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-55"
-                          data-se="credentials.answer-error"
-                          id="credentials.answer-error"
-                          role="alert"
+                        <div
+                          class="MuiBox-root emotion-1"
                         >
-                          The security question answer must be at least 4 characters in length
-                        </p>
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-56"
+                            data-se="credentials.answer-error"
+                            id="credentials.answer-error"
+                            role="alert"
+                          >
+                            The security question answer must be at least 4 characters in length
+                          </p>
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-58"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-57"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-59"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-59"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question-error predefined question should send correct payload when toggling between question types and submitted form with incorrect number of characters 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-security-question"
-                >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-security-question"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester35@test.com"
-                >
-                  tester35@test.com
-                </span>
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester35@test.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    tester35@test.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-22"
+                      class="MuiAlert-icon emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-23"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
-                        tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Set up security question
-                      </h2>
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
                     </div>
                   </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-20"
                   >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      
                       <div
-                        class="MuiFormGroup-root emotion-26"
-                        role="radiogroup"
+                        class="MuiBox-root emotion-23"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-24"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-27"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-33"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            Choose a security question
-                          </span>
-                        </label>
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-29"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-31"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-40"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <div
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                      >
                         <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-44"
+                          data-shrink="false"
+                          for="credentials.questionKey"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-28"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
+                          Choose a security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-45"
+                          required="true"
+                        >
+                          <select
+                            aria-invalid="false"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-46"
+                            data-se="credentials.questionKey"
+                            id="credentials.questionKey"
+                            name="credentials.questionKey"
+                            required=""
+                          >
+                            <option
+                              value=""
+                            >
+                              Select an option
+                            </option>
+                            <option
+                              value="disliked_food"
+                            >
+                              What is the food you least liked as a child?
+                            </option>
+                            <option
+                              value="name_of_first_plush_toy"
+                            >
+                              What is the name of your first stuffed animal?
+                            </option>
+                            <option
+                              value="first_award"
+                            >
+                              What did you earn your first medal or award for?
+                            </option>
+                            <option
+                              value="favorite_security_question"
+                            >
+                              What is your favorite security question?
+                            </option>
+                            <option
+                              value="favorite_toy"
+                            >
+                              What is the toy/stuffed animal you liked the most as a kid?
+                            </option>
+                            <option
+                              value="first_computer_game"
+                            >
+                              What was the first computer game you played?
+                            </option>
+                            <option
+                              value="favorite_movie_quote"
+                            >
+                              What is your favorite movie quote?
+                            </option>
+                            <option
+                              value="first_sports_team_mascot"
+                            >
+                              What was the mascot of the first sports team you played on?
+                            </option>
+                            <option
+                              value="first_music_purchase"
+                            >
+                              What music album or song did you first purchase?
+                            </option>
+                            <option
+                              value="favorite_art_piece"
+                            >
+                              What is your favorite piece of art?
+                            </option>
+                            <option
+                              value="grandmother_favorite_desert"
+                            >
+                              What was your grandmother's favorite dessert?
+                            </option>
+                            <option
+                              value="first_thing_cooked"
+                            >
+                              What was the first thing you learned to cook?
+                            </option>
+                            <option
+                              value="childhood_dream_job"
+                            >
+                              What was your dream job as a child?
+                            </option>
+                            <option
+                              value="place_where_significant_other_was_met"
+                            >
+                              Where did you meet your spouse/significant other?
+                            </option>
+                            <option
+                              value="favorite_vacation_location"
+                            >
+                              Where did you go for your favorite vacation?
+                            </option>
+                            <option
+                              value="new_years_two_thousand"
+                            >
+                              Where were you on New Year's Eve in the year 2000?
+                            </option>
+                            <option
+                              value="favorite_speaker_actor"
+                            >
+                              Who is your favorite speaker/orator?
+                            </option>
+                            <option
+                              value="favorite_book_movie_character"
+                            >
+                              Who is your favorite book/movie character?
+                            </option>
+                            <option
+                              value="favorite_sports_player"
+                            >
+                              Who is your favorite sports player?
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-47"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M7 10l5 5 5-5z"
                             />
-                            <span
-                              class="emotion-30"
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-50"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-51"
+                          required="true"
+                        >
+                          <input
+                            aria-describedby=" credentials.answer-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-52"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-53"
+                          >
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-54"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
                             >
                               <svg
                                 aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
                                 focusable="false"
-                                viewBox="0 0 24 24"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
                                 <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
                                 />
                               </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-39"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-1"
+                        >
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-57"
+                            data-se="credentials.answer-error"
+                            id="credentials.answer-error"
+                            role="alert"
+                          >
+                            The security question answer must be at least 4 characters in length
+                          </p>
+                        </div>
                       </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
+                    </div>
                     <div
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-43"
-                        data-shrink="false"
-                        for="credentials.questionKey"
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-59"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
                       >
-                        Choose a security question
-                      </label>
-                      <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-44"
-                        required="true"
-                      >
-                        <select
-                          aria-invalid="false"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
-                          data-se="credentials.questionKey"
-                          id="credentials.questionKey"
-                          name="credentials.questionKey"
-                          required=""
-                        >
-                          <option
-                            value=""
-                          >
-                            Select an option
-                          </option>
-                          <option
-                            value="disliked_food"
-                          >
-                            What is the food you least liked as a child?
-                          </option>
-                          <option
-                            value="name_of_first_plush_toy"
-                          >
-                            What is the name of your first stuffed animal?
-                          </option>
-                          <option
-                            value="first_award"
-                          >
-                            What did you earn your first medal or award for?
-                          </option>
-                          <option
-                            value="favorite_security_question"
-                          >
-                            What is your favorite security question?
-                          </option>
-                          <option
-                            value="favorite_toy"
-                          >
-                            What is the toy/stuffed animal you liked the most as a kid?
-                          </option>
-                          <option
-                            value="first_computer_game"
-                          >
-                            What was the first computer game you played?
-                          </option>
-                          <option
-                            value="favorite_movie_quote"
-                          >
-                            What is your favorite movie quote?
-                          </option>
-                          <option
-                            value="first_sports_team_mascot"
-                          >
-                            What was the mascot of the first sports team you played on?
-                          </option>
-                          <option
-                            value="first_music_purchase"
-                          >
-                            What music album or song did you first purchase?
-                          </option>
-                          <option
-                            value="favorite_art_piece"
-                          >
-                            What is your favorite piece of art?
-                          </option>
-                          <option
-                            value="grandmother_favorite_desert"
-                          >
-                            What was your grandmother's favorite dessert?
-                          </option>
-                          <option
-                            value="first_thing_cooked"
-                          >
-                            What was the first thing you learned to cook?
-                          </option>
-                          <option
-                            value="childhood_dream_job"
-                          >
-                            What was your dream job as a child?
-                          </option>
-                          <option
-                            value="place_where_significant_other_was_met"
-                          >
-                            Where did you meet your spouse/significant other?
-                          </option>
-                          <option
-                            value="favorite_vacation_location"
-                          >
-                            Where did you go for your favorite vacation?
-                          </option>
-                          <option
-                            value="new_years_two_thousand"
-                          >
-                            Where were you on New Year's Eve in the year 2000?
-                          </option>
-                          <option
-                            value="favorite_speaker_actor"
-                          >
-                            Who is your favorite speaker/orator?
-                          </option>
-                          <option
-                            value="favorite_book_movie_character"
-                          >
-                            Who is your favorite book/movie character?
-                          </option>
-                          <option
-                            value="favorite_sports_player"
-                          >
-                            Who is your favorite sports player?
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
-                      </div>
+                        Verify
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
-                    <div
-                      class="MuiBox-root emotion-0"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-49"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
-                      <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-50"
-                        required="true"
-                      >
-                        <input
-                          aria-describedby=" credentials.answer-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-51"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
-                        <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-52"
-                        >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-53"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
-                        </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-0"
-                      >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-56"
-                          data-se="credentials.answer-error"
-                          id="credentials.answer-error"
-                          role="alert"
-                        >
-                          The security question answer must be at least 4 characters in length
-                        </p>
-                      </div>
-                    </div>
+                      Return to authenticator list
+                    </button>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-58"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question-error predefined question should show field level character count error message on multiple attempts to submit with invalid character count 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-security-question"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-security-question"
+                  >
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester35@test.com"
-                >
-                  tester35@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester35@test.com"
+                  >
+                    tester35@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-18"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-18"
                       >
-                        Set up security question
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-19"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-21"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <label
-                          class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-22"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-22"
+                          role="radiogroup"
                         >
-                          <span
-                            aria-disabled="true"
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-23"
-                            tabindex="-1"
+                          <label
+                            class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              disabled=""
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-25"
+                              aria-disabled="true"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-24"
+                              tabindex="-1"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                disabled=""
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-28"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-22"
-                        >
-                          <span
-                            aria-disabled="true"
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-23"
-                            tabindex="-1"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-29"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              disabled=""
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-25"
+                              aria-disabled="true"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary emotion-24"
+                              tabindex="-1"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-34"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                disabled=""
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-35"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-29"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-38"
-                        data-shrink="false"
-                        for="credentials.questionKey"
-                      >
-                        Choose a security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl  emotion-39"
-                        required="true"
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <select
-                          aria-invalid="false"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard Mui-disabled MuiInputBase-input MuiInput-input Mui-disabled emotion-40"
-                          data-se="credentials.questionKey"
-                          disabled=""
-                          id="credentials.questionKey"
-                          name="credentials.questionKey"
-                          required=""
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-disabled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-39"
+                          data-shrink="false"
+                          for="credentials.questionKey"
                         >
-                          <option
-                            value=""
-                          >
-                            Select an option
-                          </option>
-                          <option
-                            value="disliked_food"
-                          >
-                            What is the food you least liked as a child?
-                          </option>
-                          <option
-                            value="name_of_first_plush_toy"
-                          >
-                            What is the name of your first stuffed animal?
-                          </option>
-                          <option
-                            value="first_award"
-                          >
-                            What did you earn your first medal or award for?
-                          </option>
-                          <option
-                            value="favorite_security_question"
-                          >
-                            What is your favorite security question?
-                          </option>
-                          <option
-                            value="favorite_toy"
-                          >
-                            What is the toy/stuffed animal you liked the most as a kid?
-                          </option>
-                          <option
-                            value="first_computer_game"
-                          >
-                            What was the first computer game you played?
-                          </option>
-                          <option
-                            value="favorite_movie_quote"
-                          >
-                            What is your favorite movie quote?
-                          </option>
-                          <option
-                            value="first_sports_team_mascot"
-                          >
-                            What was the mascot of the first sports team you played on?
-                          </option>
-                          <option
-                            value="first_music_purchase"
-                          >
-                            What music album or song did you first purchase?
-                          </option>
-                          <option
-                            value="favorite_art_piece"
-                          >
-                            What is your favorite piece of art?
-                          </option>
-                          <option
-                            value="grandmother_favorite_desert"
-                          >
-                            What was your grandmother's favorite dessert?
-                          </option>
-                          <option
-                            value="first_thing_cooked"
-                          >
-                            What was the first thing you learned to cook?
-                          </option>
-                          <option
-                            value="childhood_dream_job"
-                          >
-                            What was your dream job as a child?
-                          </option>
-                          <option
-                            value="place_where_significant_other_was_met"
-                          >
-                            Where did you meet your spouse/significant other?
-                          </option>
-                          <option
-                            value="favorite_vacation_location"
-                          >
-                            Where did you go for your favorite vacation?
-                          </option>
-                          <option
-                            value="new_years_two_thousand"
-                          >
-                            Where were you on New Year's Eve in the year 2000?
-                          </option>
-                          <option
-                            value="favorite_speaker_actor"
-                          >
-                            Who is your favorite speaker/orator?
-                          </option>
-                          <option
-                            value="favorite_book_movie_character"
-                          >
-                            Who is your favorite book/movie character?
-                          </option>
-                          <option
-                            value="favorite_sports_player"
-                          >
-                            Who is your favorite sports player?
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard Mui-disabled emotion-41"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                          Choose a security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-disabled MuiInputBase-formControl  emotion-40"
+                          required="true"
                         >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
+                          <select
+                            aria-invalid="false"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard Mui-disabled MuiInputBase-input MuiInput-input Mui-disabled emotion-41"
+                            data-se="credentials.questionKey"
+                            disabled=""
+                            id="credentials.questionKey"
+                            name="credentials.questionKey"
+                            required=""
+                          >
+                            <option
+                              value=""
+                            >
+                              Select an option
+                            </option>
+                            <option
+                              value="disliked_food"
+                            >
+                              What is the food you least liked as a child?
+                            </option>
+                            <option
+                              value="name_of_first_plush_toy"
+                            >
+                              What is the name of your first stuffed animal?
+                            </option>
+                            <option
+                              value="first_award"
+                            >
+                              What did you earn your first medal or award for?
+                            </option>
+                            <option
+                              value="favorite_security_question"
+                            >
+                              What is your favorite security question?
+                            </option>
+                            <option
+                              value="favorite_toy"
+                            >
+                              What is the toy/stuffed animal you liked the most as a kid?
+                            </option>
+                            <option
+                              value="first_computer_game"
+                            >
+                              What was the first computer game you played?
+                            </option>
+                            <option
+                              value="favorite_movie_quote"
+                            >
+                              What is your favorite movie quote?
+                            </option>
+                            <option
+                              value="first_sports_team_mascot"
+                            >
+                              What was the mascot of the first sports team you played on?
+                            </option>
+                            <option
+                              value="first_music_purchase"
+                            >
+                              What music album or song did you first purchase?
+                            </option>
+                            <option
+                              value="favorite_art_piece"
+                            >
+                              What is your favorite piece of art?
+                            </option>
+                            <option
+                              value="grandmother_favorite_desert"
+                            >
+                              What was your grandmother's favorite dessert?
+                            </option>
+                            <option
+                              value="first_thing_cooked"
+                            >
+                              What was the first thing you learned to cook?
+                            </option>
+                            <option
+                              value="childhood_dream_job"
+                            >
+                              What was your dream job as a child?
+                            </option>
+                            <option
+                              value="place_where_significant_other_was_met"
+                            >
+                              Where did you meet your spouse/significant other?
+                            </option>
+                            <option
+                              value="favorite_vacation_location"
+                            >
+                              Where did you go for your favorite vacation?
+                            </option>
+                            <option
+                              value="new_years_two_thousand"
+                            >
+                              Where were you on New Year's Eve in the year 2000?
+                            </option>
+                            <option
+                              value="favorite_speaker_actor"
+                            >
+                              Who is your favorite speaker/orator?
+                            </option>
+                            <option
+                              value="favorite_book_movie_character"
+                            >
+                              Who is your favorite book/movie character?
+                            </option>
+                            <option
+                              value="favorite_sports_player"
+                            >
+                              Who is your favorite sports player?
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard Mui-disabled emotion-42"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-disabled Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-45"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-describedby=" credentials.answer-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input Mui-disabled MuiInputBase-inputAdornedEnd emotion-46"
-                          data-se="credentials.answer"
-                          disabled=""
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-45"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-47"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-disabled Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-46"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-48"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-49"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                          <input
+                            aria-describedby=" credentials.answer-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input Mui-disabled MuiInputBase-inputAdornedEnd emotion-47"
+                            data-se="credentials.answer"
+                            disabled=""
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-48"
+                          >
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-49"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-50"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-1"
+                        >
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-52"
+                            data-se="credentials.answer-error"
+                            id="credentials.answer-error"
+                            role="alert"
+                          >
+                            The security question answer must be at least 4 characters in length
+                          </p>
                         </div>
                       </div>
-                      <div
-                        class="MuiBox-root emotion-0"
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-disabled MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
+                        data-type="save"
+                        disabled=""
+                        tabindex="-1"
+                        type="submit"
                       >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-51"
-                          data-se="credentials.answer-error"
-                          id="credentials.answer-error"
-                          role="alert"
+                        <span
+                          class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-55"
                         >
-                          The security question answer must be at least 4 characters in length
-                        </p>
-                      </div>
+                          <div
+                            class="MuiBox-root emotion-56"
+                          >
+                            <span
+                              aria-label="Processing..."
+                              aria-valuetext="Processing..."
+                              class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-57"
+                              role="progressbar"
+                              style="width: 1.14285714rem; height: 1.14285714rem;"
+                            >
+                              <svg
+                                class="MuiCircularProgress-svg emotion-58"
+                                viewBox="22 22 44 44"
+                              >
+                                <circle
+                                  class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-59"
+                                  cx="44"
+                                  cy="44"
+                                  fill="none"
+                                  r="18"
+                                  stroke-width="8"
+                                />
+                              </svg>
+                            </span>
+                          </div>
+                        </span>
+                        Verify
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-disabled MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-53"
-                      data-type="save"
-                      disabled=""
-                      tabindex="-1"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      <span
-                        class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-54"
-                      >
-                        <div
-                          class="MuiBox-root emotion-55"
-                        >
-                          <span
-                            aria-label="Processing..."
-                            aria-valuetext="Processing..."
-                            class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-56"
-                            role="progressbar"
-                            style="width: 1.14285714rem; height: 1.14285714rem;"
-                          >
-                            <svg
-                              class="MuiCircularProgress-svg emotion-57"
-                              viewBox="22 22 44 44"
-                            >
-                              <circle
-                                class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-58"
-                                cx="44"
-                                cy="44"
-                                fill="none"
-                                r="18"
-                                stroke-width="8"
-                              />
-                            </svg>
-                          </span>
-                        </div>
-                      </span>
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question-error predefined question should show field level character count error message when invalid number of characters are sent and field should retain characters 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-security-question"
-                >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-security-question"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester35@test.com"
-                >
-                  tester35@test.com
-                </span>
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester35@test.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    tester35@test.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-22"
+                      class="MuiAlert-icon emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-23"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
-                        tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Set up security question
-                      </h2>
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
                     </div>
                   </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-20"
                   >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      
                       <div
-                        class="MuiFormGroup-root emotion-26"
-                        role="radiogroup"
+                        class="MuiBox-root emotion-23"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-24"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-27"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-33"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-39"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-40"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-43"
-                        data-shrink="false"
-                        for="credentials.questionKey"
-                      >
-                        Choose a security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-44"
-                        required="true"
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
                       >
-                        <select
-                          aria-invalid="false"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
-                          data-se="credentials.questionKey"
-                          id="credentials.questionKey"
-                          name="credentials.questionKey"
-                          required=""
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-44"
+                          data-shrink="false"
+                          for="credentials.questionKey"
                         >
-                          <option
-                            value=""
-                          >
-                            Select an option
-                          </option>
-                          <option
-                            value="disliked_food"
-                          >
-                            What is the food you least liked as a child?
-                          </option>
-                          <option
-                            value="name_of_first_plush_toy"
-                          >
-                            What is the name of your first stuffed animal?
-                          </option>
-                          <option
-                            value="first_award"
-                          >
-                            What did you earn your first medal or award for?
-                          </option>
-                          <option
-                            value="favorite_security_question"
-                          >
-                            What is your favorite security question?
-                          </option>
-                          <option
-                            value="favorite_toy"
-                          >
-                            What is the toy/stuffed animal you liked the most as a kid?
-                          </option>
-                          <option
-                            value="first_computer_game"
-                          >
-                            What was the first computer game you played?
-                          </option>
-                          <option
-                            value="favorite_movie_quote"
-                          >
-                            What is your favorite movie quote?
-                          </option>
-                          <option
-                            value="first_sports_team_mascot"
-                          >
-                            What was the mascot of the first sports team you played on?
-                          </option>
-                          <option
-                            value="first_music_purchase"
-                          >
-                            What music album or song did you first purchase?
-                          </option>
-                          <option
-                            value="favorite_art_piece"
-                          >
-                            What is your favorite piece of art?
-                          </option>
-                          <option
-                            value="grandmother_favorite_desert"
-                          >
-                            What was your grandmother's favorite dessert?
-                          </option>
-                          <option
-                            value="first_thing_cooked"
-                          >
-                            What was the first thing you learned to cook?
-                          </option>
-                          <option
-                            value="childhood_dream_job"
-                          >
-                            What was your dream job as a child?
-                          </option>
-                          <option
-                            value="place_where_significant_other_was_met"
-                          >
-                            Where did you meet your spouse/significant other?
-                          </option>
-                          <option
-                            value="favorite_vacation_location"
-                          >
-                            Where did you go for your favorite vacation?
-                          </option>
-                          <option
-                            value="new_years_two_thousand"
-                          >
-                            Where were you on New Year's Eve in the year 2000?
-                          </option>
-                          <option
-                            value="favorite_speaker_actor"
-                          >
-                            Who is your favorite speaker/orator?
-                          </option>
-                          <option
-                            value="favorite_book_movie_character"
-                          >
-                            Who is your favorite book/movie character?
-                          </option>
-                          <option
-                            value="favorite_sports_player"
-                          >
-                            Who is your favorite sports player?
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                          Choose a security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-45"
+                          required="true"
                         >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
+                          <select
+                            aria-invalid="false"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-46"
+                            data-se="credentials.questionKey"
+                            id="credentials.questionKey"
+                            name="credentials.questionKey"
+                            required=""
+                          >
+                            <option
+                              value=""
+                            >
+                              Select an option
+                            </option>
+                            <option
+                              value="disliked_food"
+                            >
+                              What is the food you least liked as a child?
+                            </option>
+                            <option
+                              value="name_of_first_plush_toy"
+                            >
+                              What is the name of your first stuffed animal?
+                            </option>
+                            <option
+                              value="first_award"
+                            >
+                              What did you earn your first medal or award for?
+                            </option>
+                            <option
+                              value="favorite_security_question"
+                            >
+                              What is your favorite security question?
+                            </option>
+                            <option
+                              value="favorite_toy"
+                            >
+                              What is the toy/stuffed animal you liked the most as a kid?
+                            </option>
+                            <option
+                              value="first_computer_game"
+                            >
+                              What was the first computer game you played?
+                            </option>
+                            <option
+                              value="favorite_movie_quote"
+                            >
+                              What is your favorite movie quote?
+                            </option>
+                            <option
+                              value="first_sports_team_mascot"
+                            >
+                              What was the mascot of the first sports team you played on?
+                            </option>
+                            <option
+                              value="first_music_purchase"
+                            >
+                              What music album or song did you first purchase?
+                            </option>
+                            <option
+                              value="favorite_art_piece"
+                            >
+                              What is your favorite piece of art?
+                            </option>
+                            <option
+                              value="grandmother_favorite_desert"
+                            >
+                              What was your grandmother's favorite dessert?
+                            </option>
+                            <option
+                              value="first_thing_cooked"
+                            >
+                              What was the first thing you learned to cook?
+                            </option>
+                            <option
+                              value="childhood_dream_job"
+                            >
+                              What was your dream job as a child?
+                            </option>
+                            <option
+                              value="place_where_significant_other_was_met"
+                            >
+                              Where did you meet your spouse/significant other?
+                            </option>
+                            <option
+                              value="favorite_vacation_location"
+                            >
+                              Where did you go for your favorite vacation?
+                            </option>
+                            <option
+                              value="new_years_two_thousand"
+                            >
+                              Where were you on New Year's Eve in the year 2000?
+                            </option>
+                            <option
+                              value="favorite_speaker_actor"
+                            >
+                              Who is your favorite speaker/orator?
+                            </option>
+                            <option
+                              value="favorite_book_movie_character"
+                            >
+                              Who is your favorite book/movie character?
+                            </option>
+                            <option
+                              value="favorite_sports_player"
+                            >
+                              Who is your favorite sports player?
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-47"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-49"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-50"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-describedby=" credentials.answer-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-51"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-50"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-52"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-51"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-53"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                          <input
+                            aria-describedby=" credentials.answer-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-52"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-53"
+                          >
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-54"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-0"
-                      >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-56"
-                          data-se="credentials.answer-error"
-                          id="credentials.answer-error"
-                          role="alert"
+                        <div
+                          class="MuiBox-root emotion-1"
                         >
-                          The security question answer must be at least 4 characters in length
-                        </p>
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-57"
+                            data-se="credentials.answer-error"
+                            id="credentials.answer-error"
+                            role="alert"
+                          >
+                            The security question answer must be at least 4 characters in length
+                          </p>
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-59"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-58"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question.test.tsx.snap
index ef1290f950..ff00fcd0f0 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-security-question.test.tsx.snap
@@ -2,1748 +2,1764 @@
 
 exports[`authenticator-enroll-security-question custom question fails client side validation when custom question is missing 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-security-question"
-                >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-security-question"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester14@test.com"
-                >
-                  tester14@test.com
-                </span>
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester14@test.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    tester14@test.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-22"
+                      class="MuiAlert-icon emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-23"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
-                        tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Set up security question
-                      </h2>
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
                     </div>
                   </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-20"
                   >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-25"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      
                       <div
-                        class="MuiFormGroup-root emotion-26"
-                        role="radiogroup"
+                        class="MuiBox-root emotion-23"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-24"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-27"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-33"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-28"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-29"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-30"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-29"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-39"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-30"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-31"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-32"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-40"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-34"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
-                        data-shrink="false"
-                        for="credentials.question"
-                      >
-                        Create my own security question
-                      </label>
-                      <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-44"
-                        required="true"
-                      >
-                        <input
-                          aria-describedby=" credentials.question-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-45"
-                          data-se="credentials.question"
-                          id="credentials.question"
-                          name="credentials.question"
-                          required=""
-                          type="text"
-                        />
-                      </div>
                       <div
-                        class="MuiBox-root emotion-0"
+                        class="MuiBox-root emotion-1"
                       >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-47"
-                          data-se="credentials.question-error"
-                          id="credentials.question-error"
-                          role="alert"
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
+                          data-shrink="false"
+                          for="credentials.question"
+                        >
+                          Create my own security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-45"
+                          required="true"
+                        >
+                          <input
+                            aria-describedby=" credentials.question-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-46"
+                            data-se="credentials.question"
+                            id="credentials.question"
+                            name="credentials.question"
+                            required=""
+                            type="text"
+                          />
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-1"
                         >
-                          This field cannot be left blank
-                        </p>
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-48"
+                            data-se="credentials.question-error"
+                            id="credentials.question-error"
+                            role="alert"
+                          >
+                            This field cannot be left blank
+                          </p>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-44"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-45"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-53"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-45"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-54"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-46"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-54"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-55"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-58"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-57"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-59"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-59"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-60"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question custom question renders correct form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-security-question"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-security-question"
+                  >
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester14@test.com"
-                >
-                  tester14@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester14@test.com"
+                  >
+                    tester14@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-18"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-18"
                       >
-                        Set up security question
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-19"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_7_2"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-21"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-22"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-28"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-34"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-35"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-38"
-                        data-shrink="false"
-                        for="credentials.question"
-                      >
-                        Create my own security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-39"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-40"
-                          data-se="credentials.question"
-                          id="credentials.question"
-                          name="credentials.question"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-39"
+                          data-shrink="false"
+                          for="credentials.question"
+                        >
+                          Create my own security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-40"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-41"
+                            data-se="credentials.question"
+                            id="credentials.question"
+                            name="credentials.question"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-38"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-39"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-40"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-39"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-46"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-40"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-47"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
+                          <input
+                            aria-invalid="false"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-41"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-47"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-48"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-48"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-49"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-51"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-50"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-52"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-52"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question predefined question renders correct form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-security-question"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-security-question"
+                  >
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester14@test.com"
-                >
-                  tester14@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester14@test.com"
+                  >
+                    tester14@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-18"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-18"
                       >
-                        Set up security question
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-19"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-21"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-22"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-focusVisible PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-focusVisible PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-28"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-34"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-35"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-38"
-                        data-shrink="false"
-                        for="credentials.questionKey"
-                      >
-                        Choose a security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-39"
-                        required="true"
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <select
-                          aria-invalid="false"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-40"
-                          data-se="credentials.questionKey"
-                          id="credentials.questionKey"
-                          name="credentials.questionKey"
-                          required=""
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-39"
+                          data-shrink="false"
+                          for="credentials.questionKey"
                         >
-                          <option
-                            value=""
-                          >
-                            Select an option
-                          </option>
-                          <option
-                            value="disliked_food"
-                          >
-                            What is the food you least liked as a child?
-                          </option>
-                          <option
-                            value="name_of_first_plush_toy"
-                          >
-                            What is the name of your first stuffed animal?
-                          </option>
-                          <option
-                            value="first_award"
-                          >
-                            What did you earn your first medal or award for?
-                          </option>
-                          <option
-                            value="favorite_security_question"
-                          >
-                            What is your favorite security question?
-                          </option>
-                          <option
-                            value="favorite_toy"
-                          >
-                            What is the toy/stuffed animal you liked the most as a kid?
-                          </option>
-                          <option
-                            value="first_computer_game"
-                          >
-                            What was the first computer game you played?
-                          </option>
-                          <option
-                            value="favorite_movie_quote"
-                          >
-                            What is your favorite movie quote?
-                          </option>
-                          <option
-                            value="first_sports_team_mascot"
-                          >
-                            What was the mascot of the first sports team you played on?
-                          </option>
-                          <option
-                            value="first_music_purchase"
-                          >
-                            What music album or song did you first purchase?
-                          </option>
-                          <option
-                            value="favorite_art_piece"
-                          >
-                            What is your favorite piece of art?
-                          </option>
-                          <option
-                            value="grandmother_favorite_desert"
-                          >
-                            What was your grandmother's favorite dessert?
-                          </option>
-                          <option
-                            value="first_thing_cooked"
-                          >
-                            What was the first thing you learned to cook?
-                          </option>
-                          <option
-                            value="childhood_dream_job"
-                          >
-                            What was your dream job as a child?
-                          </option>
-                          <option
-                            value="place_where_significant_other_was_met"
-                          >
-                            Where did you meet your spouse/significant other?
-                          </option>
-                          <option
-                            value="favorite_vacation_location"
-                          >
-                            Where did you go for your favorite vacation?
-                          </option>
-                          <option
-                            value="new_years_two_thousand"
-                          >
-                            Where were you on New Year's Eve in the year 2000?
-                          </option>
-                          <option
-                            value="favorite_speaker_actor"
-                          >
-                            Who is your favorite speaker/orator?
-                          </option>
-                          <option
-                            value="favorite_book_movie_character"
+                          Choose a security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-40"
+                          required="true"
+                        >
+                          <select
+                            aria-invalid="false"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-41"
+                            data-se="credentials.questionKey"
+                            id="credentials.questionKey"
+                            name="credentials.questionKey"
+                            required=""
                           >
-                            Who is your favorite book/movie character?
-                          </option>
-                          <option
-                            value="favorite_sports_player"
+                            <option
+                              value=""
+                            >
+                              Select an option
+                            </option>
+                            <option
+                              value="disliked_food"
+                            >
+                              What is the food you least liked as a child?
+                            </option>
+                            <option
+                              value="name_of_first_plush_toy"
+                            >
+                              What is the name of your first stuffed animal?
+                            </option>
+                            <option
+                              value="first_award"
+                            >
+                              What did you earn your first medal or award for?
+                            </option>
+                            <option
+                              value="favorite_security_question"
+                            >
+                              What is your favorite security question?
+                            </option>
+                            <option
+                              value="favorite_toy"
+                            >
+                              What is the toy/stuffed animal you liked the most as a kid?
+                            </option>
+                            <option
+                              value="first_computer_game"
+                            >
+                              What was the first computer game you played?
+                            </option>
+                            <option
+                              value="favorite_movie_quote"
+                            >
+                              What is your favorite movie quote?
+                            </option>
+                            <option
+                              value="first_sports_team_mascot"
+                            >
+                              What was the mascot of the first sports team you played on?
+                            </option>
+                            <option
+                              value="first_music_purchase"
+                            >
+                              What music album or song did you first purchase?
+                            </option>
+                            <option
+                              value="favorite_art_piece"
+                            >
+                              What is your favorite piece of art?
+                            </option>
+                            <option
+                              value="grandmother_favorite_desert"
+                            >
+                              What was your grandmother's favorite dessert?
+                            </option>
+                            <option
+                              value="first_thing_cooked"
+                            >
+                              What was the first thing you learned to cook?
+                            </option>
+                            <option
+                              value="childhood_dream_job"
+                            >
+                              What was your dream job as a child?
+                            </option>
+                            <option
+                              value="place_where_significant_other_was_met"
+                            >
+                              Where did you meet your spouse/significant other?
+                            </option>
+                            <option
+                              value="favorite_vacation_location"
+                            >
+                              Where did you go for your favorite vacation?
+                            </option>
+                            <option
+                              value="new_years_two_thousand"
+                            >
+                              Where were you on New Year's Eve in the year 2000?
+                            </option>
+                            <option
+                              value="favorite_speaker_actor"
+                            >
+                              Who is your favorite speaker/orator?
+                            </option>
+                            <option
+                              value="favorite_book_movie_character"
+                            >
+                              Who is your favorite book/movie character?
+                            </option>
+                            <option
+                              value="favorite_sports_player"
+                            >
+                              Who is your favorite sports player?
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-42"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
                           >
-                            Who is your favorite sports player?
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-41"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-45"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-46"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-45"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-47"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-46"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-48"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-47"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-48"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-49"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-49"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-50"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-52"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-51"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-enroll-security-question predefined question should render form without an autoFocused field 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-security-question"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-security-question"
+                  >
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester14@test.com"
-                >
-                  tester14@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester14@test.com"
+                  >
+                    tester14@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-18"
-                        data-se="o-form-head"
-                        id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-18"
                       >
-                        Set up security question
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-19"
+                          data-se="o-form-head"
+                          id="enroll-authenticator_Title_Set_up_security_question_security_question_aut2h3fft3N1BApga1d7_2_1"
+                          tabindex="-1"
+                        >
+                          Set up security question
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-21"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-22"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="predefined"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="predefined"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-28"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Choose a security question
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-23"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Choose a security question
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-24"
-                              name="questionType"
-                              type="radio"
-                              value="custom"
-                            />
                             <span
-                              class="emotion-25"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-24"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-26"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-34"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-25"
+                                name="questionType"
+                                type="radio"
+                                value="custom"
+                              />
+                              <span
+                                class="emotion-26"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-27"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-35"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
-                          >
-                            Create my own security question
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-29"
+                            >
+                              Create my own security question
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-38"
-                        data-shrink="false"
-                        for="credentials.questionKey"
-                      >
-                        Choose a security question
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-39"
-                        required="true"
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                       >
-                        <select
-                          aria-invalid="false"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-40"
-                          data-se="credentials.questionKey"
-                          id="credentials.questionKey"
-                          name="credentials.questionKey"
-                          required=""
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-39"
+                          data-shrink="false"
+                          for="credentials.questionKey"
                         >
-                          <option
-                            value=""
-                          >
-                            Select an option
-                          </option>
-                          <option
-                            value="disliked_food"
-                          >
-                            What is the food you least liked as a child?
-                          </option>
-                          <option
-                            value="name_of_first_plush_toy"
-                          >
-                            What is the name of your first stuffed animal?
-                          </option>
-                          <option
-                            value="first_award"
-                          >
-                            What did you earn your first medal or award for?
-                          </option>
-                          <option
-                            value="favorite_security_question"
-                          >
-                            What is your favorite security question?
-                          </option>
-                          <option
-                            value="favorite_toy"
-                          >
-                            What is the toy/stuffed animal you liked the most as a kid?
-                          </option>
-                          <option
-                            value="first_computer_game"
-                          >
-                            What was the first computer game you played?
-                          </option>
-                          <option
-                            value="favorite_movie_quote"
-                          >
-                            What is your favorite movie quote?
-                          </option>
-                          <option
-                            value="first_sports_team_mascot"
-                          >
-                            What was the mascot of the first sports team you played on?
-                          </option>
-                          <option
-                            value="first_music_purchase"
-                          >
-                            What music album or song did you first purchase?
-                          </option>
-                          <option
-                            value="favorite_art_piece"
-                          >
-                            What is your favorite piece of art?
-                          </option>
-                          <option
-                            value="grandmother_favorite_desert"
-                          >
-                            What was your grandmother's favorite dessert?
-                          </option>
-                          <option
-                            value="first_thing_cooked"
-                          >
-                            What was the first thing you learned to cook?
-                          </option>
-                          <option
-                            value="childhood_dream_job"
-                          >
-                            What was your dream job as a child?
-                          </option>
-                          <option
-                            value="place_where_significant_other_was_met"
-                          >
-                            Where did you meet your spouse/significant other?
-                          </option>
-                          <option
-                            value="favorite_vacation_location"
-                          >
-                            Where did you go for your favorite vacation?
-                          </option>
-                          <option
-                            value="new_years_two_thousand"
-                          >
-                            Where were you on New Year's Eve in the year 2000?
-                          </option>
-                          <option
-                            value="favorite_speaker_actor"
-                          >
-                            Who is your favorite speaker/orator?
-                          </option>
-                          <option
-                            value="favorite_book_movie_character"
+                          Choose a security question
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-40"
+                          required="true"
+                        >
+                          <select
+                            aria-invalid="false"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-41"
+                            data-se="credentials.questionKey"
+                            id="credentials.questionKey"
+                            name="credentials.questionKey"
+                            required=""
                           >
-                            Who is your favorite book/movie character?
-                          </option>
-                          <option
-                            value="favorite_sports_player"
+                            <option
+                              value=""
+                            >
+                              Select an option
+                            </option>
+                            <option
+                              value="disliked_food"
+                            >
+                              What is the food you least liked as a child?
+                            </option>
+                            <option
+                              value="name_of_first_plush_toy"
+                            >
+                              What is the name of your first stuffed animal?
+                            </option>
+                            <option
+                              value="first_award"
+                            >
+                              What did you earn your first medal or award for?
+                            </option>
+                            <option
+                              value="favorite_security_question"
+                            >
+                              What is your favorite security question?
+                            </option>
+                            <option
+                              value="favorite_toy"
+                            >
+                              What is the toy/stuffed animal you liked the most as a kid?
+                            </option>
+                            <option
+                              value="first_computer_game"
+                            >
+                              What was the first computer game you played?
+                            </option>
+                            <option
+                              value="favorite_movie_quote"
+                            >
+                              What is your favorite movie quote?
+                            </option>
+                            <option
+                              value="first_sports_team_mascot"
+                            >
+                              What was the mascot of the first sports team you played on?
+                            </option>
+                            <option
+                              value="first_music_purchase"
+                            >
+                              What music album or song did you first purchase?
+                            </option>
+                            <option
+                              value="favorite_art_piece"
+                            >
+                              What is your favorite piece of art?
+                            </option>
+                            <option
+                              value="grandmother_favorite_desert"
+                            >
+                              What was your grandmother's favorite dessert?
+                            </option>
+                            <option
+                              value="first_thing_cooked"
+                            >
+                              What was the first thing you learned to cook?
+                            </option>
+                            <option
+                              value="childhood_dream_job"
+                            >
+                              What was your dream job as a child?
+                            </option>
+                            <option
+                              value="place_where_significant_other_was_met"
+                            >
+                              Where did you meet your spouse/significant other?
+                            </option>
+                            <option
+                              value="favorite_vacation_location"
+                            >
+                              Where did you go for your favorite vacation?
+                            </option>
+                            <option
+                              value="new_years_two_thousand"
+                            >
+                              Where were you on New Year's Eve in the year 2000?
+                            </option>
+                            <option
+                              value="favorite_speaker_actor"
+                            >
+                              Who is your favorite speaker/orator?
+                            </option>
+                            <option
+                              value="favorite_book_movie_character"
+                            >
+                              Who is your favorite book/movie character?
+                            </option>
+                            <option
+                              value="favorite_sports_player"
+                            >
+                              Who is your favorite sports player?
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-42"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
                           >
-                            Who is your favorite sports player?
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-41"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-44"
-                        data-shrink="false"
-                        for="credentials.answer"
-                      >
-                        Answer
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-45"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-46"
-                          data-se="credentials.answer"
-                          id="credentials.answer"
-                          name="credentials.answer"
-                          required=""
-                          type="password"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-45"
+                          data-shrink="false"
+                          for="credentials.answer"
+                        >
+                          Answer
+                        </label>
                         <div
-                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-47"
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-46"
+                          required="true"
                         >
-                          <button
-                            aria-controls="credentials.answer"
-                            aria-label="Show answer"
-                            aria-pressed="false"
-                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-48"
-                            data-mui-internal-clone-element="true"
-                            tabindex="0"
-                            type="button"
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-47"
+                            data-se="credentials.answer"
+                            id="credentials.answer"
+                            name="credentials.answer"
+                            required=""
+                            type="password"
+                          />
+                          <div
+                            class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-48"
                           >
-                            <svg
-                              aria-hidden="true"
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-49"
-                              fill="none"
-                              focusable="false"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <button
+                              aria-controls="credentials.answer"
+                              aria-label="Show answer"
+                              aria-pressed="false"
+                              class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-49"
+                              data-mui-internal-clone-element="true"
+                              tabindex="0"
+                              type="button"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
-                          </button>
+                              <svg
+                                aria-hidden="true"
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-50"
+                                fill="none"
+                                focusable="false"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-52"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-51"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-53"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator-with-skip.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator-with-skip.test.tsx.snap
index d7bfb3efb4..ad4463c9a9 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator-with-skip.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator-with-skip.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`authenticator-enroll-select-authenticator renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,427 +80,431 @@ exports[`authenticator-enroll-select-authenticator renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="select-authenticator-enroll_Title_Set_up_security_methods_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up security methods
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="select-authenticator-enroll_Title_Set_up_security_methods_1"
+                        tabindex="-1"
+                      >
+                        Set up security methods
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Security methods help protect your account by ensuring only you have access.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_2"
+                      >
+                        Security methods help protect your account by ensuring only you have access.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Set_up_optional_3"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up optional
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Set_up_optional_3"
+                      >
+                        Set up optional
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <ul
-                    class="MuiBox-root emotion-24"
-                    data-se="authenticator-enroll-list"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <li
-                      class="MuiBox-root emotion-14"
+                    <ul
+                      class="MuiBox-root emotion-25"
+                      data-se="authenticator-enroll-list"
                     >
-                      <button
-                        aria-describedby="okta_password_0-description okta_password_0-ctaLabel"
-                        aria-labelledby="okta_password_0-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_password_0-description okta_password_0-ctaLabel"
+                          aria-labelledby="okta_password_0-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-password authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_password_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-password authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_password_0"
+                              <svg
+                                aria-labelledby="okta_password_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Password
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_password_0"
+                                >
+                                  Password
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="okta_password_0-label"
-                          >
-                            Password
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="okta_password_0-description"
-                          >
-                            Choose a password for your account
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="okta_password"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="okta_password_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="okta_password_0-label"
+                            >
+                              Password
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="okta_password_0-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Choose a password for your account
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="okta_password"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="okta_password_0-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="phone_number_1-description phone_number_1-ctaLabel"
-                        aria-labelledby="phone_number_1-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_1-description phone_number_1-ctaLabel"
+                          aria-labelledby="phone_number_1-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_1"
+                              <svg
+                                aria-labelledby="phone_number_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_1"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="phone_number_1-label"
-                          >
-                            Phone
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="phone_number_1-description"
-                          >
-                            Verify with a code sent to your phone
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="phone_number_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="phone_number_1-label"
+                            >
+                              Phone
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="phone_number_1-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify with a code sent to your phone
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="phone_number"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="phone_number_1-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="webauthn_2-description webauthn_2-ctaLabel"
-                        aria-labelledby="webauthn_2-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="webauthn_2-description webauthn_2-ctaLabel"
+                          aria-labelledby="webauthn_2-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-webauthn authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="webauthn_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-webauthn authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="webauthn_2"
+                              <svg
+                                aria-labelledby="webauthn_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Key or Biometric Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="webauthn_2"
+                                >
+                                  Security Key or Biometric Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="webauthn_2-label"
-                          >
-                            Security Key or Biometric Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="webauthn_2-description"
-                          >
-                            Use a security key or a biometric authenticator to sign in
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="webauthn"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="webauthn_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="webauthn_2-label"
+                            >
+                              Security Key or Biometric Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="webauthn_2-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Use a security key or a biometric authenticator to sign in
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="webauthn"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="webauthn_2-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-56"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Set up later
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-58"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-57"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Set up later
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-59"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator.test.tsx.snap
index 07be8f62b8..6d2e084888 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-select-authenticator.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`authenticator-enroll-select-authenticator renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,1515 +80,1519 @@ exports[`authenticator-enroll-select-authenticator renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="select-authenticator-enroll_Title_Set_up_security_methods_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up security methods
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="select-authenticator-enroll_Title_Set_up_security_methods_1"
+                        tabindex="-1"
+                      >
+                        Set up security methods
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Security methods help protect your account by ensuring only you have access.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Security_methods_help_protect_your_account_by_ensuring_only_you_have_access_2"
+                      >
+                        Security methods help protect your account by ensuring only you have access.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-enroll_Description_Set_up_required_3"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Set up required
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-enroll_Description_Set_up_required_3"
+                      >
+                        Set up required
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <ul
-                    class="MuiBox-root emotion-24"
-                    data-se="authenticator-enroll-list"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <li
-                      class="MuiBox-root emotion-14"
+                    <ul
+                      class="MuiBox-root emotion-25"
+                      data-se="authenticator-enroll-list"
                     >
-                      <button
-                        aria-describedby="okta_password_0-description okta_password_0-ctaLabel"
-                        aria-labelledby="okta_password_0-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_password_0-description okta_password_0-ctaLabel"
+                          aria-labelledby="okta_password_0-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-password authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_password_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-password authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_password_0"
+                              <svg
+                                aria-labelledby="okta_password_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Password
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_password_0"
+                                >
+                                  Password
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="okta_password_0-label"
-                          >
-                            Password
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="okta_password_0-description"
-                          >
-                            Choose a password for your account
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="okta_password"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="okta_password_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="okta_password_0-label"
+                            >
+                              Password
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="okta_password_0-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Choose a password for your account
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="okta_password"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="okta_password_0-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="phone_number_1-description phone_number_1-ctaLabel"
-                        aria-labelledby="phone_number_1-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_1-description phone_number_1-ctaLabel"
+                          aria-labelledby="phone_number_1-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_1"
+                              <svg
+                                aria-labelledby="phone_number_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_1"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="phone_number_1-label"
-                          >
-                            Phone
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="phone_number_1-description"
-                          >
-                            Verify with a code sent to your phone
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="phone_number_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="phone_number_1-label"
+                            >
+                              Phone
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="phone_number_1-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify with a code sent to your phone
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="phone_number"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="phone_number_1-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="webauthn_2-description webauthn_2-ctaLabel"
-                        aria-labelledby="webauthn_2-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="webauthn_2-description webauthn_2-ctaLabel"
+                          aria-labelledby="webauthn_2-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-webauthn authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="webauthn_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-webauthn authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="webauthn_2"
+                              <svg
+                                aria-labelledby="webauthn_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Key or Biometric Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="webauthn_2"
+                                >
+                                  Security Key or Biometric Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="webauthn_2-label"
-                          >
-                            Security Key or Biometric Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="webauthn_2-description"
-                          >
-                            Use a security key or a biometric authenticator to sign in
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="webauthn"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="webauthn_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="webauthn_2-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Security Key or Biometric Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="webauthn_2-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Use a security key or a biometric authenticator to sign in
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="webauthn"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="webauthn_2-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="security_question_3-description security_question_3-ctaLabel"
-                        aria-labelledby="security_question_3-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="security_question_3-description security_question_3-ctaLabel"
+                          aria-labelledby="security_question_3-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-security-question authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="security_question_3"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-security-question authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="security_question_3"
+                              <svg
+                                aria-labelledby="security_question_3"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Question
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="security_question_3"
+                                >
+                                  Security Question
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="security_question_3-label"
-                          >
-                            Security Question
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="security_question_3-description"
-                          >
-                            Choose a security question and answer that will be used for signing in
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="security_question"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="security_question_3-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="security_question_3-label"
+                            >
+                              Security Question
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="security_question_3-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Choose a security question and answer that will be used for signing in
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="security_question"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="security_question_3-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="okta_verify_4-description okta_verify_4-ctaLabel"
-                        aria-labelledby="okta_verify_4-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_4-description okta_verify_4-ctaLabel"
+                          aria-labelledby="okta_verify_4-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_4"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_4"
+                              <svg
+                                aria-labelledby="okta_verify_4"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_4"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_4-label"
-                          >
-                            Okta Verify
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_4-description"
-                          >
-                            Okta Verify is an authenticator app, installed on your phone, used to prove your identity
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="okta_verify"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="okta_verify_4-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_4-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Okta Verify
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_4-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify is an authenticator app, installed on your phone, used to prove your identity
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="okta_verify"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="okta_verify_4-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="google_otp_5-description google_otp_5-ctaLabel"
-                        aria-labelledby="google_otp_5-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="google_otp_5-description google_otp_5-ctaLabel"
+                          aria-labelledby="google_otp_5-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-google-auth authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="google_otp_5"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-google-auth authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="google_otp_5"
+                              <svg
+                                aria-labelledby="google_otp_5"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Google Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                                fill="#1A73E7"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                                fill="#FABB04"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                                fill="#34A753"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                                fill="#E94335"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                                fill="#174EA5"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="google_otp_5"
+                                >
+                                  Google Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                                  fill="#1A73E7"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                                  fill="#FABB04"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                                  fill="#34A753"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                                  fill="#E94335"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                                  fill="#174EA5"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="google_otp_5-label"
-                          >
-                            Google Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="google_otp_5-description"
-                          >
-                            Enter a temporary code generated from the Google Authenticator app.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="google_otp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="google_otp_5-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="google_otp_5-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Google Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="google_otp_5-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Enter a temporary code generated from the Google Authenticator app.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="google_otp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="google_otp_5-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="onprem_mfa_6-description onprem_mfa_6-ctaLabel"
-                        aria-labelledby="onprem_mfa_6-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="onprem_mfa_6-description onprem_mfa_6-ctaLabel"
+                          aria-labelledby="onprem_mfa_6-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-onprem authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="onprem_mfa_6"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-onprem authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="onprem_mfa_6"
+                              <svg
+                                aria-labelledby="onprem_mfa_6"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Enter a single-use code from a hardware token.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M39 20h-8v-3H16.5a7.5 7.5 0 0 0 0 15H31v-3h8v-9Zm-9 11H16.5a6.5 6.5 0 1 1 0-13H30v13Zm8-3h-7v-7h7v7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M15.5 28a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm0-6a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="onprem_mfa_6"
+                                >
+                                  Enter a single-use code from a hardware token.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M39 20h-8v-3H16.5a7.5 7.5 0 0 0 0 15H31v-3h8v-9Zm-9 11H16.5a6.5 6.5 0 1 1 0-13H30v13Zm8-3h-7v-7h7v7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M15.5 28a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm0-6a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="onprem_mfa_6-label"
-                          >
-                            Atko Custom On-prem
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="onprem_mfa_6-description"
-                          >
-                            Verify by entering a code generated by Atko Custom On-prem.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="onprem_mfa-otp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="onprem_mfa_6-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="onprem_mfa_6-label"
+                            >
+                              Atko Custom On-prem
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="onprem_mfa_6-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify by entering a code generated by Atko Custom On-prem.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="onprem_mfa-otp"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="onprem_mfa_6-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="rsa_token_7-description rsa_token_7-ctaLabel"
-                        aria-labelledby="rsa_token_7-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="rsa_token_7-description rsa_token_7-ctaLabel"
+                          aria-labelledby="rsa_token_7-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-rsa authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="rsa_token_7"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-rsa authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="rsa_token_7"
+                              <svg
+                                aria-labelledby="rsa_token_7"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                RSA SecurID
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                d="M26.5875 22.9472C26.2842 22.7225 26.009 22.5148 25.7788 22.2115H18.3937L18.287 22.2059C16.9953 22.1104 15.99 21.0209 15.99 19.7292C15.99 18.3589 17.1076 17.2413 18.4779 17.2413L18.9609 17.2581L18.9665 16.8594C18.989 15.7193 19.9268 14.8039 21.0557 14.8039C21.4993 14.8039 21.9205 14.9387 22.28 15.197L22.6731 15.4834L22.8697 15.0398C23.4144 13.8155 24.6331 13.0292 25.9697 13.0292C27.5928 13.0292 28.9519 14.1749 29.2888 15.7025C29.5752 15.7249 29.8504 15.7699 30.1144 15.8485C29.8336 13.8099 28.0814 12.2374 25.9697 12.2374C24.4702 12.2374 23.0943 13.0405 22.3474 14.3209C21.9486 14.1187 21.505 14.012 21.0501 14.012C19.618 14.012 18.4105 15.0791 18.1971 16.4606C16.5123 16.601 15.1869 18.0107 15.1869 19.7292C15.1869 21.3129 16.3326 22.6608 17.8545 22.9528H26.5875V22.9472Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M31.9284 18.8306C31.8666 18.6397 31.788 18.4543 31.6981 18.2802C31.6925 18.269 31.6869 18.2578 31.6813 18.2465L28.7385 21.1725L27.2109 19.6899C27.0536 19.5382 27.0536 19.2855 27.2053 19.1283C27.3569 18.971 27.6096 18.971 27.7669 19.1226L28.7272 20.0605L31.1983 17.6063C31.1871 17.5951 31.1758 17.5838 31.1702 17.5726C31.1646 17.567 31.159 17.5614 31.1477 17.5558C30.5918 17.011 29.8336 16.674 28.9968 16.674C27.3007 16.674 25.9248 18.05 25.9248 19.746C25.9248 21.4421 27.3007 22.818 28.9968 22.818C30.1649 22.818 31.1758 22.1665 31.6981 21.2118C31.7936 21.0377 31.8722 20.8524 31.9284 20.6614C31.9901 20.4705 32.0295 20.2683 32.0519 20.0605C32.0632 19.9594 32.0688 19.8527 32.0688 19.746C32.0688 19.6393 32.0632 19.5326 32.0519 19.4315C32.0295 19.2237 31.9901 19.0216 31.9284 18.8306Z"
-                                fill="#00B9E4"
-                              />
-                              <path
-                                d="M7.54547 29.9486C7.62971 30.1059 7.73642 30.2351 7.8712 30.3305C8.00599 30.426 8.16324 30.499 8.34857 30.5496C8.5339 30.5945 8.71923 30.6226 8.91579 30.6226C9.05058 30.6226 9.19098 30.6113 9.34261 30.5889C9.49424 30.5664 9.63465 30.5271 9.76943 30.4597C9.90422 30.3979 10.0109 30.3081 10.1008 30.2014C10.1906 30.089 10.2356 29.9486 10.2356 29.7802C10.2356 29.5948 10.1794 29.4488 10.0615 29.3365C9.94353 29.2242 9.7919 29.1287 9.60095 29.0557C9.41 28.9827 9.19659 28.9153 8.96072 28.8591C8.71923 28.803 8.47774 28.7412 8.23063 28.6682C7.97791 28.6064 7.7308 28.5278 7.49493 28.4379C7.25344 28.3481 7.04003 28.2301 6.8547 28.0841C6.66375 27.9381 6.51212 27.7584 6.39418 27.5394C6.27624 27.3203 6.22008 27.0564 6.22008 26.7475C6.22008 26.3993 6.29309 26.1016 6.44472 25.8433C6.59636 25.585 6.78731 25.3772 7.0288 25.2031C7.27029 25.0346 7.53986 24.9054 7.84312 24.8268C8.14639 24.7426 8.44966 24.7032 8.75292 24.7032C9.10674 24.7032 9.4437 24.7426 9.76943 24.8212C10.0952 24.8998 10.3816 25.029 10.6343 25.2031C10.887 25.3772 11.0892 25.6074 11.2352 25.877C11.3812 26.1522 11.4599 26.4835 11.4599 26.8767H10.0222C10.0109 26.6745 9.96599 26.506 9.89299 26.3768C9.81998 26.242 9.7245 26.141 9.60657 26.0623C9.48863 25.9893 9.34823 25.9332 9.19659 25.8995C9.04496 25.8658 8.87648 25.8545 8.69115 25.8545C8.57321 25.8545 8.44966 25.8658 8.33172 25.8939C8.21378 25.9163 8.10146 25.9612 8.00599 26.0286C7.91052 26.0904 7.82627 26.169 7.7645 26.2645C7.70272 26.36 7.66903 26.4779 7.66903 26.6239C7.66903 26.7587 7.69149 26.8654 7.74203 26.9441C7.79258 27.0283 7.89367 27.1013 8.03969 27.1687C8.1857 27.2361 8.3935 27.3091 8.65184 27.3765C8.91579 27.4439 9.25275 27.5337 9.67957 27.6404C9.80313 27.6629 9.98284 27.7135 10.2019 27.7752C10.4265 27.8426 10.6455 27.9493 10.8702 28.0897C11.0892 28.2357 11.2802 28.4267 11.443 28.6738C11.6059 28.9153 11.6845 29.2242 11.6845 29.6061C11.6845 29.915 11.6227 30.2014 11.5048 30.4653C11.3869 30.7293 11.2071 30.9595 10.9713 31.1505C10.7354 31.3414 10.4434 31.4931 10.0895 31.5998C9.74135 31.7065 9.337 31.7626 8.87648 31.7626C8.50582 31.7626 8.14639 31.7177 7.79258 31.6278C7.44438 31.538 7.1355 31.392 6.86593 31.1954C6.59636 30.9988 6.38295 30.7517 6.2257 30.4485C6.06845 30.1452 5.98982 29.7858 6.00106 29.3702H7.43877C7.42754 29.6005 7.46685 29.7914 7.54547 29.9486Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M13.8411 30.4372C14.0432 30.6338 14.3353 30.7293 14.7116 30.7293C14.9811 30.7293 15.217 30.6619 15.4136 30.5271C15.6101 30.3923 15.7281 30.2463 15.773 30.0947H16.9524C16.7614 30.6787 16.475 31.0999 16.0819 31.3527C15.6888 31.6054 15.217 31.7289 14.6666 31.7289C14.2847 31.7289 13.9365 31.6672 13.6277 31.5436C13.3188 31.4201 13.0548 31.246 12.8414 31.0213C12.628 30.7967 12.4595 30.5215 12.3472 30.207C12.2293 29.8925 12.1731 29.5443 12.1731 29.168C12.1731 28.803 12.2349 28.4604 12.3528 28.1459C12.4707 27.8314 12.6448 27.5562 12.8639 27.3259C13.0829 27.0957 13.3469 26.916 13.6557 26.7812C13.959 26.6464 14.3016 26.5846 14.6722 26.5846C15.0878 26.5846 15.4529 26.6632 15.7618 26.8261C16.0706 26.989 16.3234 27.2024 16.5255 27.472C16.7221 27.7415 16.8681 28.0504 16.958 28.3986C17.0478 28.7468 17.0759 29.1062 17.0535 29.4881H13.5266C13.5322 29.9262 13.6389 30.2463 13.8411 30.4372ZM15.363 27.8651C15.2002 27.691 14.9587 27.6011 14.6329 27.6011C14.4195 27.6011 14.2398 27.6348 14.0994 27.7078C13.959 27.7808 13.8467 27.8707 13.7568 27.9774C13.6726 28.0841 13.6108 28.1964 13.5771 28.32C13.5434 28.4379 13.521 28.5446 13.5153 28.6401H15.7C15.6326 28.3031 15.5203 28.0448 15.363 27.8651Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M20.1648 27.6011C19.9514 27.6011 19.7717 27.6517 19.6257 27.7472C19.4796 27.8426 19.3617 27.9718 19.2718 28.1234C19.182 28.2807 19.1146 28.4492 19.0753 28.6345C19.036 28.8198 19.0191 29.0051 19.0191 29.1849C19.0191 29.359 19.036 29.5387 19.0753 29.724C19.1146 29.9093 19.1764 30.0722 19.2606 30.2182C19.3449 30.3642 19.4628 30.4878 19.6032 30.5833C19.7492 30.6787 19.9233 30.7237 20.1311 30.7237C20.4512 30.7237 20.6983 30.6338 20.8724 30.4541C21.0465 30.2744 21.1532 30.0329 21.1981 29.7296H22.4955C22.4056 30.3811 22.1529 30.8753 21.7373 31.2123C21.3217 31.5548 20.7882 31.7233 20.1423 31.7233C19.7773 31.7233 19.4403 31.6615 19.1371 31.538C18.8338 31.4144 18.5698 31.246 18.3564 31.0213C18.143 30.8023 17.9745 30.5383 17.8566 30.2294C17.7387 29.9262 17.6769 29.5892 17.6769 29.2242C17.6769 28.8479 17.733 28.4941 17.8397 28.1684C17.9521 27.8426 18.1149 27.5618 18.3283 27.3259C18.5418 27.0901 18.8057 26.9047 19.1146 26.7756C19.4235 26.6408 19.7773 26.579 20.176 26.579C20.4681 26.579 20.7432 26.6183 21.0128 26.6913C21.2824 26.7643 21.5183 26.8823 21.7317 27.0339C21.9451 27.1912 22.1136 27.3821 22.2484 27.6124C22.3831 27.8426 22.4561 28.1122 22.473 28.4323H21.1588C21.069 27.8819 20.7432 27.6011 20.1648 27.6011Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M26.567 31.611V30.9315H26.5389C26.3705 31.2123 26.1458 31.4201 25.8762 31.5436C25.6067 31.6672 25.3259 31.7346 25.0451 31.7346C24.6856 31.7346 24.3936 31.6896 24.1633 31.5942C23.9331 31.4987 23.7534 31.3639 23.6186 31.1898C23.4838 31.0157 23.3939 30.8079 23.3378 30.5552C23.2816 30.3081 23.2592 30.0329 23.2592 29.7296V26.725H24.6014V29.4825C24.6014 29.8869 24.6632 30.1845 24.7923 30.3867C24.9159 30.5833 25.1405 30.6844 25.4607 30.6844C25.8257 30.6844 26.0896 30.5777 26.2525 30.3586C26.4154 30.1396 26.4996 29.7858 26.4996 29.286V26.725H27.8419V31.611H26.567Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M30.1389 26.725V27.6348H30.1557C30.2175 27.4832 30.3017 27.3428 30.4084 27.2136C30.5151 27.0845 30.6387 26.9721 30.7791 26.8823C30.9195 26.7924 31.0655 26.7194 31.2228 26.6689C31.38 26.6183 31.5429 26.5959 31.717 26.5959C31.8068 26.5959 31.9023 26.6127 32.009 26.6408V27.8875C31.9472 27.8763 31.8686 27.8651 31.7844 27.8539C31.6945 27.8426 31.6103 27.837 31.5316 27.837C31.2845 27.837 31.0767 27.8763 30.9083 27.9606C30.7398 28.0448 30.5994 28.1571 30.4983 28.2975C30.3916 28.4379 30.3186 28.6064 30.2736 28.7917C30.2287 28.9827 30.2063 29.1849 30.2063 29.4039V31.6054H28.864V26.7194H30.1389V26.725Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M34.1656 24.8605V31.611H32.683V24.8605H34.1656Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M38.3832 24.8605C38.8157 24.8605 39.2256 24.9279 39.5963 25.0683C39.9726 25.2087 40.2983 25.4165 40.5679 25.6917C40.8431 25.9669 41.0565 26.3151 41.2081 26.7307C41.3598 27.1462 41.4384 27.6348 41.4384 28.1964C41.4384 28.6907 41.3766 29.1399 41.2474 29.5555C41.1239 29.9711 40.9329 30.3305 40.6746 30.6338C40.4219 30.9371 40.1018 31.173 39.7199 31.3471C39.338 31.5212 38.8887 31.6054 38.372 31.6054H35.4629V24.8605H38.3832ZM38.2765 30.3642C38.4899 30.3642 38.6977 30.3305 38.8999 30.2575C39.1021 30.1901 39.2818 30.0722 39.4391 29.915C39.5963 29.7521 39.7255 29.5443 39.8153 29.286C39.9108 29.0276 39.9557 28.7131 39.9557 28.3425C39.9557 27.9999 39.922 27.6966 39.8546 27.4214C39.7873 27.1462 39.6806 26.9104 39.5289 26.7194C39.3773 26.5229 39.1751 26.3768 38.928 26.2701C38.6809 26.1634 38.372 26.1129 38.007 26.1129H36.9455V30.3642H38.2765Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M40.6465 25.0121V24.9335H41.2137V25.0121H40.9778V25.6411H40.8824V25.0121H40.6465Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M41.4215 24.9335L41.6462 25.5288L41.8708 24.9335H42V25.6411H41.9101V25.0514L41.6911 25.6411H41.6125L41.3934 25.0514V25.6411H41.3036V24.9335H41.4215Z"
-                                fill="black"
-                              />
-                            </svg>
+                                <title
+                                  id="rsa_token_7"
+                                >
+                                  RSA SecurID
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  d="M26.5875 22.9472C26.2842 22.7225 26.009 22.5148 25.7788 22.2115H18.3937L18.287 22.2059C16.9953 22.1104 15.99 21.0209 15.99 19.7292C15.99 18.3589 17.1076 17.2413 18.4779 17.2413L18.9609 17.2581L18.9665 16.8594C18.989 15.7193 19.9268 14.8039 21.0557 14.8039C21.4993 14.8039 21.9205 14.9387 22.28 15.197L22.6731 15.4834L22.8697 15.0398C23.4144 13.8155 24.6331 13.0292 25.9697 13.0292C27.5928 13.0292 28.9519 14.1749 29.2888 15.7025C29.5752 15.7249 29.8504 15.7699 30.1144 15.8485C29.8336 13.8099 28.0814 12.2374 25.9697 12.2374C24.4702 12.2374 23.0943 13.0405 22.3474 14.3209C21.9486 14.1187 21.505 14.012 21.0501 14.012C19.618 14.012 18.4105 15.0791 18.1971 16.4606C16.5123 16.601 15.1869 18.0107 15.1869 19.7292C15.1869 21.3129 16.3326 22.6608 17.8545 22.9528H26.5875V22.9472Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M31.9284 18.8306C31.8666 18.6397 31.788 18.4543 31.6981 18.2802C31.6925 18.269 31.6869 18.2578 31.6813 18.2465L28.7385 21.1725L27.2109 19.6899C27.0536 19.5382 27.0536 19.2855 27.2053 19.1283C27.3569 18.971 27.6096 18.971 27.7669 19.1226L28.7272 20.0605L31.1983 17.6063C31.1871 17.5951 31.1758 17.5838 31.1702 17.5726C31.1646 17.567 31.159 17.5614 31.1477 17.5558C30.5918 17.011 29.8336 16.674 28.9968 16.674C27.3007 16.674 25.9248 18.05 25.9248 19.746C25.9248 21.4421 27.3007 22.818 28.9968 22.818C30.1649 22.818 31.1758 22.1665 31.6981 21.2118C31.7936 21.0377 31.8722 20.8524 31.9284 20.6614C31.9901 20.4705 32.0295 20.2683 32.0519 20.0605C32.0632 19.9594 32.0688 19.8527 32.0688 19.746C32.0688 19.6393 32.0632 19.5326 32.0519 19.4315C32.0295 19.2237 31.9901 19.0216 31.9284 18.8306Z"
+                                  fill="#00B9E4"
+                                />
+                                <path
+                                  d="M7.54547 29.9486C7.62971 30.1059 7.73642 30.2351 7.8712 30.3305C8.00599 30.426 8.16324 30.499 8.34857 30.5496C8.5339 30.5945 8.71923 30.6226 8.91579 30.6226C9.05058 30.6226 9.19098 30.6113 9.34261 30.5889C9.49424 30.5664 9.63465 30.5271 9.76943 30.4597C9.90422 30.3979 10.0109 30.3081 10.1008 30.2014C10.1906 30.089 10.2356 29.9486 10.2356 29.7802C10.2356 29.5948 10.1794 29.4488 10.0615 29.3365C9.94353 29.2242 9.7919 29.1287 9.60095 29.0557C9.41 28.9827 9.19659 28.9153 8.96072 28.8591C8.71923 28.803 8.47774 28.7412 8.23063 28.6682C7.97791 28.6064 7.7308 28.5278 7.49493 28.4379C7.25344 28.3481 7.04003 28.2301 6.8547 28.0841C6.66375 27.9381 6.51212 27.7584 6.39418 27.5394C6.27624 27.3203 6.22008 27.0564 6.22008 26.7475C6.22008 26.3993 6.29309 26.1016 6.44472 25.8433C6.59636 25.585 6.78731 25.3772 7.0288 25.2031C7.27029 25.0346 7.53986 24.9054 7.84312 24.8268C8.14639 24.7426 8.44966 24.7032 8.75292 24.7032C9.10674 24.7032 9.4437 24.7426 9.76943 24.8212C10.0952 24.8998 10.3816 25.029 10.6343 25.2031C10.887 25.3772 11.0892 25.6074 11.2352 25.877C11.3812 26.1522 11.4599 26.4835 11.4599 26.8767H10.0222C10.0109 26.6745 9.96599 26.506 9.89299 26.3768C9.81998 26.242 9.7245 26.141 9.60657 26.0623C9.48863 25.9893 9.34823 25.9332 9.19659 25.8995C9.04496 25.8658 8.87648 25.8545 8.69115 25.8545C8.57321 25.8545 8.44966 25.8658 8.33172 25.8939C8.21378 25.9163 8.10146 25.9612 8.00599 26.0286C7.91052 26.0904 7.82627 26.169 7.7645 26.2645C7.70272 26.36 7.66903 26.4779 7.66903 26.6239C7.66903 26.7587 7.69149 26.8654 7.74203 26.9441C7.79258 27.0283 7.89367 27.1013 8.03969 27.1687C8.1857 27.2361 8.3935 27.3091 8.65184 27.3765C8.91579 27.4439 9.25275 27.5337 9.67957 27.6404C9.80313 27.6629 9.98284 27.7135 10.2019 27.7752C10.4265 27.8426 10.6455 27.9493 10.8702 28.0897C11.0892 28.2357 11.2802 28.4267 11.443 28.6738C11.6059 28.9153 11.6845 29.2242 11.6845 29.6061C11.6845 29.915 11.6227 30.2014 11.5048 30.4653C11.3869 30.7293 11.2071 30.9595 10.9713 31.1505C10.7354 31.3414 10.4434 31.4931 10.0895 31.5998C9.74135 31.7065 9.337 31.7626 8.87648 31.7626C8.50582 31.7626 8.14639 31.7177 7.79258 31.6278C7.44438 31.538 7.1355 31.392 6.86593 31.1954C6.59636 30.9988 6.38295 30.7517 6.2257 30.4485C6.06845 30.1452 5.98982 29.7858 6.00106 29.3702H7.43877C7.42754 29.6005 7.46685 29.7914 7.54547 29.9486Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M13.8411 30.4372C14.0432 30.6338 14.3353 30.7293 14.7116 30.7293C14.9811 30.7293 15.217 30.6619 15.4136 30.5271C15.6101 30.3923 15.7281 30.2463 15.773 30.0947H16.9524C16.7614 30.6787 16.475 31.0999 16.0819 31.3527C15.6888 31.6054 15.217 31.7289 14.6666 31.7289C14.2847 31.7289 13.9365 31.6672 13.6277 31.5436C13.3188 31.4201 13.0548 31.246 12.8414 31.0213C12.628 30.7967 12.4595 30.5215 12.3472 30.207C12.2293 29.8925 12.1731 29.5443 12.1731 29.168C12.1731 28.803 12.2349 28.4604 12.3528 28.1459C12.4707 27.8314 12.6448 27.5562 12.8639 27.3259C13.0829 27.0957 13.3469 26.916 13.6557 26.7812C13.959 26.6464 14.3016 26.5846 14.6722 26.5846C15.0878 26.5846 15.4529 26.6632 15.7618 26.8261C16.0706 26.989 16.3234 27.2024 16.5255 27.472C16.7221 27.7415 16.8681 28.0504 16.958 28.3986C17.0478 28.7468 17.0759 29.1062 17.0535 29.4881H13.5266C13.5322 29.9262 13.6389 30.2463 13.8411 30.4372ZM15.363 27.8651C15.2002 27.691 14.9587 27.6011 14.6329 27.6011C14.4195 27.6011 14.2398 27.6348 14.0994 27.7078C13.959 27.7808 13.8467 27.8707 13.7568 27.9774C13.6726 28.0841 13.6108 28.1964 13.5771 28.32C13.5434 28.4379 13.521 28.5446 13.5153 28.6401H15.7C15.6326 28.3031 15.5203 28.0448 15.363 27.8651Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M20.1648 27.6011C19.9514 27.6011 19.7717 27.6517 19.6257 27.7472C19.4796 27.8426 19.3617 27.9718 19.2718 28.1234C19.182 28.2807 19.1146 28.4492 19.0753 28.6345C19.036 28.8198 19.0191 29.0051 19.0191 29.1849C19.0191 29.359 19.036 29.5387 19.0753 29.724C19.1146 29.9093 19.1764 30.0722 19.2606 30.2182C19.3449 30.3642 19.4628 30.4878 19.6032 30.5833C19.7492 30.6787 19.9233 30.7237 20.1311 30.7237C20.4512 30.7237 20.6983 30.6338 20.8724 30.4541C21.0465 30.2744 21.1532 30.0329 21.1981 29.7296H22.4955C22.4056 30.3811 22.1529 30.8753 21.7373 31.2123C21.3217 31.5548 20.7882 31.7233 20.1423 31.7233C19.7773 31.7233 19.4403 31.6615 19.1371 31.538C18.8338 31.4144 18.5698 31.246 18.3564 31.0213C18.143 30.8023 17.9745 30.5383 17.8566 30.2294C17.7387 29.9262 17.6769 29.5892 17.6769 29.2242C17.6769 28.8479 17.733 28.4941 17.8397 28.1684C17.9521 27.8426 18.1149 27.5618 18.3283 27.3259C18.5418 27.0901 18.8057 26.9047 19.1146 26.7756C19.4235 26.6408 19.7773 26.579 20.176 26.579C20.4681 26.579 20.7432 26.6183 21.0128 26.6913C21.2824 26.7643 21.5183 26.8823 21.7317 27.0339C21.9451 27.1912 22.1136 27.3821 22.2484 27.6124C22.3831 27.8426 22.4561 28.1122 22.473 28.4323H21.1588C21.069 27.8819 20.7432 27.6011 20.1648 27.6011Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M26.567 31.611V30.9315H26.5389C26.3705 31.2123 26.1458 31.4201 25.8762 31.5436C25.6067 31.6672 25.3259 31.7346 25.0451 31.7346C24.6856 31.7346 24.3936 31.6896 24.1633 31.5942C23.9331 31.4987 23.7534 31.3639 23.6186 31.1898C23.4838 31.0157 23.3939 30.8079 23.3378 30.5552C23.2816 30.3081 23.2592 30.0329 23.2592 29.7296V26.725H24.6014V29.4825C24.6014 29.8869 24.6632 30.1845 24.7923 30.3867C24.9159 30.5833 25.1405 30.6844 25.4607 30.6844C25.8257 30.6844 26.0896 30.5777 26.2525 30.3586C26.4154 30.1396 26.4996 29.7858 26.4996 29.286V26.725H27.8419V31.611H26.567Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M30.1389 26.725V27.6348H30.1557C30.2175 27.4832 30.3017 27.3428 30.4084 27.2136C30.5151 27.0845 30.6387 26.9721 30.7791 26.8823C30.9195 26.7924 31.0655 26.7194 31.2228 26.6689C31.38 26.6183 31.5429 26.5959 31.717 26.5959C31.8068 26.5959 31.9023 26.6127 32.009 26.6408V27.8875C31.9472 27.8763 31.8686 27.8651 31.7844 27.8539C31.6945 27.8426 31.6103 27.837 31.5316 27.837C31.2845 27.837 31.0767 27.8763 30.9083 27.9606C30.7398 28.0448 30.5994 28.1571 30.4983 28.2975C30.3916 28.4379 30.3186 28.6064 30.2736 28.7917C30.2287 28.9827 30.2063 29.1849 30.2063 29.4039V31.6054H28.864V26.7194H30.1389V26.725Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M34.1656 24.8605V31.611H32.683V24.8605H34.1656Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M38.3832 24.8605C38.8157 24.8605 39.2256 24.9279 39.5963 25.0683C39.9726 25.2087 40.2983 25.4165 40.5679 25.6917C40.8431 25.9669 41.0565 26.3151 41.2081 26.7307C41.3598 27.1462 41.4384 27.6348 41.4384 28.1964C41.4384 28.6907 41.3766 29.1399 41.2474 29.5555C41.1239 29.9711 40.9329 30.3305 40.6746 30.6338C40.4219 30.9371 40.1018 31.173 39.7199 31.3471C39.338 31.5212 38.8887 31.6054 38.372 31.6054H35.4629V24.8605H38.3832ZM38.2765 30.3642C38.4899 30.3642 38.6977 30.3305 38.8999 30.2575C39.1021 30.1901 39.2818 30.0722 39.4391 29.915C39.5963 29.7521 39.7255 29.5443 39.8153 29.286C39.9108 29.0276 39.9557 28.7131 39.9557 28.3425C39.9557 27.9999 39.922 27.6966 39.8546 27.4214C39.7873 27.1462 39.6806 26.9104 39.5289 26.7194C39.3773 26.5229 39.1751 26.3768 38.928 26.2701C38.6809 26.1634 38.372 26.1129 38.007 26.1129H36.9455V30.3642H38.2765Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M40.6465 25.0121V24.9335H41.2137V25.0121H40.9778V25.6411H40.8824V25.0121H40.6465Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M41.4215 24.9335L41.6462 25.5288L41.8708 24.9335H42V25.6411H41.9101V25.0514L41.6911 25.6411H41.6125L41.3934 25.0514V25.6411H41.3036V24.9335H41.4215Z"
+                                  fill="black"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="rsa_token_7-label"
-                          >
-                            RSA SecurID
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="rsa_token_7-description"
-                          >
-                            Verify by entering a code generated by RSA SecurID
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="rsa_token-otp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="rsa_token_7-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="rsa_token_7-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              RSA SecurID
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="rsa_token_7-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Verify by entering a code generated by RSA SecurID
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="rsa_token-otp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="rsa_token_7-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="duo_8-description duo_8-ctaLabel"
-                        aria-labelledby="duo_8-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="duo_8-description duo_8-ctaLabel"
+                          aria-labelledby="duo_8-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-duo authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="duo_8"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-duo authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="duo_8"
+                              <svg
+                                aria-labelledby="duo_8"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Duo Security
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M10.632 17H4v6.13h13.25c-.197-3.418-3.085-6.13-6.618-6.13Zm7.242 0v6.506c0 3.466 2.766 6.3 6.25 6.494V17h-6.25Zm13.886 6.13c.2-3.418 3.087-6.13 6.62-6.13s6.42 2.712 6.62 6.13H31.76Zm-6.873 6.859h6.238v-6.114a6.32 6.32 0 0 0 .012-.375V17h-6.25v12.989Zm-14.255.01H4v-6.124h13.25C17.054 27.291 14.166 30 10.633 30ZM38.38 30c-3.533 0-6.42-2.709-6.62-6.125H45C44.801 27.291 41.913 30 38.38 30Z"
-                                fill="#77AF54"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="duo_8"
+                                >
+                                  Duo Security
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M10.632 17H4v6.13h13.25c-.197-3.418-3.085-6.13-6.618-6.13Zm7.242 0v6.506c0 3.466 2.766 6.3 6.25 6.494V17h-6.25Zm13.886 6.13c.2-3.418 3.087-6.13 6.62-6.13s6.42 2.712 6.62 6.13H31.76Zm-6.873 6.859h6.238v-6.114a6.32 6.32 0 0 0 .012-.375V17h-6.25v12.989Zm-14.255.01H4v-6.124h13.25C17.054 27.291 14.166 30 10.633 30ZM38.38 30c-3.533 0-6.42-2.709-6.62-6.125H45C44.801 27.291 41.913 30 38.38 30Z"
+                                  fill="#77AF54"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="duo_8-label"
-                          >
-                            Duo Security
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="duo_8-description"
-                          >
-                            Verify your identity using Duo Security.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="duo"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="duo_8-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="duo_8-label"
+                            >
+                              Duo Security
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="duo_8-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify your identity using Duo Security.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="duo"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="duo_8-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="external_idp_9-description external_idp_9-ctaLabel"
-                        aria-labelledby="external_idp_9-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="external_idp_9-description external_idp_9-ctaLabel"
+                          aria-labelledby="external_idp_9-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-custom-factor authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="external_idp_9"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-custom-factor authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="external_idp_9"
+                              <svg
+                                aria-labelledby="external_idp_9"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Redirect to a third party MFA provider to sign in.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M15 29.5a5 5 0 1 1 4.78-6.5h1.03a6 6 0 1 0 0 3h-1.03A5.013 5.013 0 0 1 15 29.5Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M27.5 36a11.433 11.433 0 0 1-6.61-2.088l-.186-.134.592-.806.17.123a10.5 10.5 0 1 0-.166-17.066l-.592-.806A11.5 11.5 0 1 1 27.5 36Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m29.354 19.646-.708.708L32.293 24H14.707l1.647-1.646-.708-.708-2.853 2.854 2.853 2.854.708-.708L14.707 25h17.586l-3.647 3.646.708.708 4.853-4.854-4.853-4.854Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="external_idp_9"
+                                >
+                                  Redirect to a third party MFA provider to sign in.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M15 29.5a5 5 0 1 1 4.78-6.5h1.03a6 6 0 1 0 0 3h-1.03A5.013 5.013 0 0 1 15 29.5Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M27.5 36a11.433 11.433 0 0 1-6.61-2.088l-.186-.134.592-.806.17.123a10.5 10.5 0 1 0-.166-17.066l-.592-.806A11.5 11.5 0 1 1 27.5 36Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m29.354 19.646-.708.708L32.293 24H14.707l1.647-1.646-.708-.708-2.853 2.854 2.853 2.854.708-.708L14.707 25h17.586l-3.647 3.646.708.708 4.853-4.854-4.853-4.854Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="external_idp_9-label"
-                          >
-                            IDP Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="external_idp_9-description"
-                          >
-                            Redirect to verify with IDP Authenticator.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="external_idp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="external_idp_9-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="external_idp_9-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              IDP Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="external_idp_9-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Redirect to verify with IDP Authenticator.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="external_idp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="external_idp_9-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="custom_otp_10-description custom_otp_10-ctaLabel"
-                        aria-labelledby="custom_otp_10-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="custom_otp_10-description custom_otp_10-ctaLabel"
+                          aria-labelledby="custom_otp_10-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-hotp authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="custom_otp_10"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-hotp authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="custom_otp_10"
+                              <svg
+                                aria-labelledby="custom_otp_10"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Enter a single-use code from an authenticator.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28 23h-6v-6h1v5h5v1Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="custom_otp_10"
+                                >
+                                  Enter a single-use code from an authenticator.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28 23h-6v-6h1v5h5v1Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="custom_otp_10-label"
-                          >
-                            Atko Custom OTP Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="custom_otp_10-description"
-                          >
-                            Enter a temporary code generated from an authenticator device.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="custom_otp"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="custom_otp_10-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="custom_otp_10-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Atko Custom OTP Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="custom_otp_10-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Enter a temporary code generated from an authenticator device.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="custom_otp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="custom_otp_10-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="symantec_vip_11-description symantec_vip_11-ctaLabel"
-                        aria-labelledby="symantec_vip_11-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="symantec_vip_11-description symantec_vip_11-ctaLabel"
+                          aria-labelledby="symantec_vip_11-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-symantec authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="symantec_vip_11"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-symantec authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="symantec_vip_11"
+                              <svg
+                                aria-labelledby="symantec_vip_11"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Symantec VIP
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                d="M40.92 5v1.046H42V5h-1.08Zm0 2.092v1.046H42V7.092h-1.08Zm-3.243 1.046v1.047h1.08V8.138h-1.08Zm-14.141.784C14.954 8.922 8 15.654 8 23.96 8 32.267 14.954 39 23.536 39c8.581 0 15.536-6.732 15.536-15.04 0-8.307-6.955-15.038-15.535-15.038h-.001Zm0 4.796c5.839 0 10.583 4.59 10.583 10.242 0 5.652-4.744 10.244-10.583 10.244-5.84 0-10.537-4.591-10.537-10.244 0-5.652 4.698-10.242 10.537-10.242Z"
-                                fill="#FDB511"
-                              />
-                              <path
-                                d="M39.839 6.046v1.046h1.08V6.046h-1.08Zm0 1.046h-2.162v1.046h2.162V7.092Zm-2.162 1.046h-1.08v2.093h1.08V8.138Zm0 2.093v1.046h1.08V10.23h-1.08Zm1.08 0h1.082V9.185h-1.081v1.046Zm-1.08 1.046h-1.08v1.046h-1.082v-1.046h-2.161v1.046h-1.08v1.046h1.08v1.046h-1.08V13.37h-1.082v1.046h-1.08v1.046H29.03v4.185h2.161V18.6h1.081v-1.046h1.08v-1.046h-1.08V15.46h1.08v1.047h1.082V15.46h1.08v-1.046h1.081V13.37h1.08v-2.092Zm-2.162 0h1.081V10.23h-1.08v1.046Zm0-1.046V9.185h-1.08v1.046h1.08Z"
-                                fill="#000"
-                              />
-                              <path
-                                d="M23.294 24.178c1.124-2.76 1.834-4.259 4.656-7.67l2.162-.002v4.185c-3.005 2.77-3.643 5.076-4.136 7.306-.304 1.36-.304 2.145-1.898 2.328-.298 0-1.076-.254-1.398-.828-.403-.724-1.602-3.501-2.566-5.188-.822-1.438-2.008-2.61-3.063-3.879-.402-.484-.608-.895-.27-1.352.337-.456.582-.385 1.08-.26 2.636 1.14 4.158 2.863 5.433 5.36Z"
-                                fill="#000"
-                              />
-                            </svg>
+                                <title
+                                  id="symantec_vip_11"
+                                >
+                                  Symantec VIP
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  d="M40.92 5v1.046H42V5h-1.08Zm0 2.092v1.046H42V7.092h-1.08Zm-3.243 1.046v1.047h1.08V8.138h-1.08Zm-14.141.784C14.954 8.922 8 15.654 8 23.96 8 32.267 14.954 39 23.536 39c8.581 0 15.536-6.732 15.536-15.04 0-8.307-6.955-15.038-15.535-15.038h-.001Zm0 4.796c5.839 0 10.583 4.59 10.583 10.242 0 5.652-4.744 10.244-10.583 10.244-5.84 0-10.537-4.591-10.537-10.244 0-5.652 4.698-10.242 10.537-10.242Z"
+                                  fill="#FDB511"
+                                />
+                                <path
+                                  d="M39.839 6.046v1.046h1.08V6.046h-1.08Zm0 1.046h-2.162v1.046h2.162V7.092Zm-2.162 1.046h-1.08v2.093h1.08V8.138Zm0 2.093v1.046h1.08V10.23h-1.08Zm1.08 0h1.082V9.185h-1.081v1.046Zm-1.08 1.046h-1.08v1.046h-1.082v-1.046h-2.161v1.046h-1.08v1.046h1.08v1.046h-1.08V13.37h-1.082v1.046h-1.08v1.046H29.03v4.185h2.161V18.6h1.081v-1.046h1.08v-1.046h-1.08V15.46h1.08v1.047h1.082V15.46h1.08v-1.046h1.081V13.37h1.08v-2.092Zm-2.162 0h1.081V10.23h-1.08v1.046Zm0-1.046V9.185h-1.08v1.046h1.08Z"
+                                  fill="#000"
+                                />
+                                <path
+                                  d="M23.294 24.178c1.124-2.76 1.834-4.259 4.656-7.67l2.162-.002v4.185c-3.005 2.77-3.643 5.076-4.136 7.306-.304 1.36-.304 2.145-1.898 2.328-.298 0-1.076-.254-1.398-.828-.403-.724-1.602-3.501-2.566-5.188-.822-1.438-2.008-2.61-3.063-3.879-.402-.484-.608-.895-.27-1.352.337-.456.582-.385 1.08-.26 2.636 1.14 4.158 2.863 5.433 5.36Z"
+                                  fill="#000"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="symantec_vip_11-label"
-                          >
-                            Symantec VIP
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="symantec_vip_11-description"
-                          >
-                            Verify by entering a temporary code from the Symantec VIP app.
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="symantec_vip"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="symantec_vip_11-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="symantec_vip_11-label"
+                            >
+                              Symantec VIP
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="symantec_vip_11-description"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Verify by entering a temporary code from the Symantec VIP app.
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="symantec_vip"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="symantec_vip_11-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="yubikey_token_12-description yubikey_token_12-ctaLabel"
-                        aria-labelledby="yubikey_token_12-label"
-                        class="authenticator-row MuiBox-root emotion-26"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="yubikey_token_12-description yubikey_token_12-ctaLabel"
+                          aria-labelledby="yubikey_token_12-label"
+                          class="authenticator-row MuiBox-root emotion-27"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-yubikey authenticator-icon MuiBox-root emotion-28"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="yubikey_token_12"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-yubikey authenticator-icon MuiBox-root emotion-29"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="yubikey_token_12"
+                              <svg
+                                aria-labelledby="yubikey_token_12"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                YubiKey
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <circle
-                                cx="24"
-                                cy="24"
-                                fill="#fff"
-                                r="18.5"
-                                stroke="#A3C753"
-                                stroke-width="3"
-                              />
-                              <path
-                                d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
-                                fill="#A3C753"
-                              />
-                            </svg>
+                                <title
+                                  id="yubikey_token_12"
+                                >
+                                  YubiKey
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <circle
+                                  cx="24"
+                                  cy="24"
+                                  fill="#fff"
+                                  r="18.5"
+                                  stroke="#A3C753"
+                                  stroke-width="3"
+                                />
+                                <path
+                                  d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
+                                  fill="#A3C753"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-29"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-30"
-                            data-se="authenticator-button-label"
-                            id="yubikey_token_12-label"
-                          >
-                            YubiKey Authenticator
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-31"
-                            data-se="authenticator-button-description"
-                            id="yubikey_token_12-description"
-                          >
-                            Verify your identity using YubiKey
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-32"
-                            data-se="yubikey_token"
+                            class="authenticator-description MuiBox-root emotion-30"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-33"
-                              data-se="cta-button-label"
-                              id="yubikey_token_12-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-31"
+                              data-se="authenticator-button-label"
+                              id="yubikey_token_12-label"
                             >
-                              Set up
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-34"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              YubiKey Authenticator
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-32"
+                              data-se="authenticator-button-description"
+                              id="yubikey_token_12-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Verify your identity using YubiKey
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-33"
+                              data-se="yubikey_token"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-34"
+                                data-se="cta-button-label"
+                                id="yubikey_token_12-ctaLabel"
+                              >
                                 Set up
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-35"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Set up
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-156"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-157"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-enroll-yubikey-otp.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-enroll-yubikey-otp.test.tsx.snap
index 69b5edd9f8..e67e6a75b8 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-enroll-yubikey-otp.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-enroll-yubikey-otp.test.tsx.snap
@@ -2,292 +2,296 @@
 
 exports[`authenticator-enroll-yubikey-otp renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-yubikey MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-yubikey"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-yubikey MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-yubikey"
+                <svg
+                  aria-labelledby="mfa-yubikey"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  YubiKey
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <circle
-                  cx="24"
-                  cy="24"
-                  fill="#fff"
-                  r="18.5"
-                  stroke="#A3C753"
-                  stroke-width="3"
-                />
-                <path
-                  d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
-                  fill="#A3C753"
-                />
-              </svg>
+                  <title
+                    id="mfa-yubikey"
+                  >
+                    YubiKey
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <circle
+                    cx="24"
+                    cy="24"
+                    fill="#fff"
+                    r="18.5"
+                    stroke="#A3C753"
+                    stroke-width="3"
+                  />
+                  <path
+                    d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
+                    fill="#A3C753"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
-                    id="yubikey"
                   >
                     <div
                       class="MuiBox-root emotion-17"
-                      data-se="icon-yubikey"
+                      id="yubikey"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="58"
-                        role="img"
-                        viewBox="0 0 43 58"
-                        width="43"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-18"
+                        data-se="icon-yubikey"
                       >
-                        <title>
-                          YubiKey
-                        </title>
-                        <path
-                          class="siwIconFillPrimaryDark"
-                          clip-rule="evenodd"
-                          d="M10.61 0a9 9 0 0 0-9 9v.5a8.5 8.5 0 0 0 8.5 8.5v-2a6.5 6.5 0 0 1-6.5-6.5V9a7 7 0 0 1 7-7h13v14h-5.75v2h7.75v-3h8V3h-8V0h-15Zm15 5v8h6V5h-6Z"
-                          fill="#00297A"
-                          fill-rule="evenodd"
-                        />
-                        <path
-                          class="siwIconFillSecondary"
-                          clip-rule="evenodd"
-                          d="M25.61 6.5h4v2h-4v-2Zm0 3h4v2h-4v-2Zm-15.356 2.486a2.986 2.986 0 0 1 5.973 0V32.86a1 1 0 1 0 2 0v-4.892a2 2 0 0 1 2-2h2.13a2 2 0 0 1 2 2v7.475a1 1 0 1 0 2 0v-1.047c0-1.633 1.352-2.975 3.005-2.975 1.619 0 2.944 1.315 2.944 2.914v5.764a1 1 0 1 0 2 0v-.614a3.042 3.042 0 1 1 6.084 0v4.683h2v-4.683a5.042 5.042 0 0 0-8.084-4.022v-1.128c0-2.724-2.24-4.914-4.944-4.914a5.003 5.003 0 0 0-3.006 1.002v-2.455a4 4 0 0 0-4-4h-2.13c-.728 0-1.411.195-2 .535V11.986a4.986 4.986 0 0 0-9.972 0v19.607c-1.398.5-2.847 1.495-4.072 2.492A29.391 29.391 0 0 0 .935 37.18l-.155.175-.062.226c-.146.542-.128 1.168-.044 1.783.086.633.254 1.345.478 2.1.447 1.509 1.139 3.276 1.93 5.082 1.581 3.616 3.6 7.483 4.977 9.943l.489.872 1.745-.977-.489-.873c-1.356-2.421-3.342-6.227-4.89-9.767-.776-1.772-1.431-3.453-1.845-4.849a12.468 12.468 0 0 1-.414-1.8 3.726 3.726 0 0 1-.038-.795 27.872 27.872 0 0 1 2.828-2.664c.943-.768 1.918-1.44 2.81-1.874v8.552a1 1 0 1 0 2 0V11.986Z"
-                          fill="#A7B5EC"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="58"
+                          role="img"
+                          viewBox="0 0 43 58"
+                          width="43"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            YubiKey
+                          </title>
+                          <path
+                            class="siwIconFillPrimaryDark"
+                            clip-rule="evenodd"
+                            d="M10.61 0a9 9 0 0 0-9 9v.5a8.5 8.5 0 0 0 8.5 8.5v-2a6.5 6.5 0 0 1-6.5-6.5V9a7 7 0 0 1 7-7h13v14h-5.75v2h7.75v-3h8V3h-8V0h-15Zm15 5v8h6V5h-6Z"
+                            fill="#00297A"
+                            fill-rule="evenodd"
+                          />
+                          <path
+                            class="siwIconFillSecondary"
+                            clip-rule="evenodd"
+                            d="M25.61 6.5h4v2h-4v-2Zm0 3h4v2h-4v-2Zm-15.356 2.486a2.986 2.986 0 0 1 5.973 0V32.86a1 1 0 1 0 2 0v-4.892a2 2 0 0 1 2-2h2.13a2 2 0 0 1 2 2v7.475a1 1 0 1 0 2 0v-1.047c0-1.633 1.352-2.975 3.005-2.975 1.619 0 2.944 1.315 2.944 2.914v5.764a1 1 0 1 0 2 0v-.614a3.042 3.042 0 1 1 6.084 0v4.683h2v-4.683a5.042 5.042 0 0 0-8.084-4.022v-1.128c0-2.724-2.24-4.914-4.944-4.914a5.003 5.003 0 0 0-3.006 1.002v-2.455a4 4 0 0 0-4-4h-2.13c-.728 0-1.411.195-2 .535V11.986a4.986 4.986 0 0 0-9.972 0v19.607c-1.398.5-2.847 1.495-4.072 2.492A29.391 29.391 0 0 0 .935 37.18l-.155.175-.062.226c-.146.542-.128 1.168-.044 1.783.086.633.254 1.345.478 2.1.447 1.509 1.139 3.276 1.93 5.082 1.581 3.616 3.6 7.483 4.977 9.943l.489.872 1.745-.977-.489-.873c-1.356-2.421-3.342-6.227-4.89-9.767-.776-1.772-1.431-3.453-1.845-4.849a12.468 12.468 0 0 1-.414-1.8 3.726 3.726 0 0 1-.038-.795 27.872 27.872 0 0 1 2.828-2.664c.943-.768 1.918-1.44 2.81-1.874v8.552a1 1 0 1 0 2 0V11.986Z"
+                            fill="#A7B5EC"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-20"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_YubiKey_yubikey_token_aut10faWWbNaNWBaH0g4_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-20"
                     >
-                      Set up YubiKey
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-21"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_YubiKey_yubikey_token_aut10faWWbNaNWBaH0g4_2"
+                        tabindex="-1"
+                      >
+                        Set up YubiKey
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-23"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_Use_your_YubiKey_to_insert_a_verification_code_yubikey_token_aut10faWWbNaNWBaH0g4_3"
+                    <div
+                      class="MuiBox-root emotion-20"
                     >
-                      Use your YubiKey to insert a verification code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_Use_your_YubiKey_to_insert_a_verification_code_yubikey_token_aut10faWWbNaNWBaH0g4_3"
+                      >
+                        Use your YubiKey to insert a verification code.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-26"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Insert then tap your YubiKey
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-27"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-28"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Insert then tap your YubiKey
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-28"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-29"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Set up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Set up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-expired-password-no-complexity.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-expired-password-no-complexity.test.tsx.snap
index 180856070a..90b97686d2 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-expired-password-no-complexity.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-expired-password-no-complexity.test.tsx.snap
@@ -2,347 +2,351 @@
 
 exports[`authenticator-expired-password-no-complexity should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="generated"
-                >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="generated"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your password has expired
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-19"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-23"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-17"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-24"
-                        data-se="credentials.passcode"
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
                         id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-25"
+                        tabindex="-1"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-26"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-27"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
+                        Your password has expired
+                      </h2>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-20"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-23"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-24"
-                        data-se="confirmPassword"
-                        id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        New password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-25"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-24"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-26"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-25"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-26"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-27"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-27"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-28"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
+                    class="MuiBox-root emotion-16"
                   >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-38"
-                      id="generated"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      <li
-                        class="MuiBox-root emotion-39"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-24"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-25"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-40"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-26"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-41"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-27"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-27"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-28"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                incomplete
-                              </title>
                             </svg>
-                          </div>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
+                    >
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-39"
+                        id="generated"
+                      >
+                        <li
+                          class="MuiBox-root emotion-40"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-41"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-44"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-42"
                             >
-                              Passwords must match
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-45"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-46"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-48"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-47"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Change Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-49"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-expired-password-with-enrollment-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-expired-password-with-enrollment-authenticator.test.tsx.snap
index f0e90540d1..082c98f902 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-expired-password-with-enrollment-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-expired-password-with-enrollment-authenticator.test.tsx.snap
@@ -2,780 +2,784 @@
 
 exports[`authenticator-expired-password-with-enrollment-authenticator should present field level error message of (failed) password requirements 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-password"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-password"
-                >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-password"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-password"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-20"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-22"
-                      data-se="o-form-head"
-                      id="reenroll-authenticator_Title_Your_password_has_expired_okta_password_aut8eqcFiHicejNIP0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiAlert-icon emotion-17"
                     >
-                      Your password has expired
-                    </h2>
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
                   class="MuiBox-root emotion-20"
                 >
-                  <figure
-                    class="MuiBox-root emotion-24"
-                    data-se="password-authenticator--rules"
-                    id="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
+                  <div
+                    class="MuiBox-root emotion-21"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-26"
-                      id="password-authenticator--list"
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-23"
+                        data-se="o-form-head"
+                        id="reenroll-authenticator_Title_Your_password_has_expired_okta_password_aut8eqcFiHicejNIP0g4_1"
+                        tabindex="-1"
+                      >
+                        Your password has expired
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <figure
+                      class="MuiBox-root emotion-25"
+                      data-se="password-authenticator--rules"
+                      id="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-27"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-28"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-29"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              A lowercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-28"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-29"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              An uppercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-59"
+                      id="username"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-62"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-63"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby=" credentials.passcode-error reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-64"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-28"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-65"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-66"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-69"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-70"
                           >
                             <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                              class="MuiTypography-root MuiTypography-body1 emotion-71"
                             >
-                              A number
+                              Password requirements were not met:
                             </p>
+                            <ul
+                              class="MuiList-root MuiList-dense emotion-72"
+                            >
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                At least 8 characters
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                An uppercase letter
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                A number
+                              </li>
+                            </ul>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-62"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-63"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby=" confirmPassword-error reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-64"
+                          data-se="confirmPassword"
+                          id="confirmPassword"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-28"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-65"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-66"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-58"
-                    id="username"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-61"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-62"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" credentials.passcode-error reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-63"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      </div>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-64"
+                        class="MuiBox-root emotion-1"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-65"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-69"
+                          data-se="confirmPassword-error"
+                          id="confirmPassword-error"
+                          role="alert"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                          This field cannot be left blank
+                        </p>
                       </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-68"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-88"
+                        id="credentials.newPassword-list"
                       >
-                        <div
-                          class="MuiBox-root emotion-69"
+                        <li
+                          class="MuiBox-root emotion-28"
                         >
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 emotion-70"
-                          >
-                            Password requirements were not met:
-                          </p>
-                          <ul
-                            class="MuiList-root MuiList-dense emotion-71"
+                          <div
+                            class="MuiBox-root emotion-29"
                           >
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
-                            >
-                              At least 8 characters
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              An uppercase letter
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </li>
-                          </ul>
-                        </div>
-                      </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-21"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-61"
-                      data-shrink="false"
-                      for="confirmPassword"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-96"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Re-enter password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-62"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" confirmPassword-error reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-63"
-                        data-se="confirmPassword"
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-64"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-65"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-68"
-                        data-se="confirmPassword-error"
-                        id="confirmPassword-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
-                    </div>
+                      Change Password
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
+                    class="MuiBox-root emotion-21"
                   >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-87"
-                      id="credentials.newPassword-list"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-98"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
-                          class="MuiBox-root emotion-28"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
-                          >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
-                            >
-                              Passwords must match
-                            </p>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
+                      Return to authenticator list
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-95"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-21"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-98"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-expired-password-with-enrollment-authenticator should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -783,465 +787,469 @@ exports[`authenticator-expired-password-with-enrollment-authenticator should ren
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Your password has expired
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Your password has expired
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              A lowercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              An uppercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-54"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              A number
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-53"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut8eqcFiHicejNIP0g4_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="confirmPassword"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-73"
                         id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
                       >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-72"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-61"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-62"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              Passwords must match
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-80"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-82"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-81"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Change Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-82"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-83"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-83"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-expired-password.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-expired-password.test.tsx.snap
index db3f2cbfc6..694c75145e 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-expired-password.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-expired-password.test.tsx.snap
@@ -2,768 +2,772 @@
 
 exports[`authenticator-expired-password should present field level error message of (failed) password requirements 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-password"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-password"
-                >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-password"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-password"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester8@test.com"
-                >
-                  tester8@test.com
-                </span>
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester8@test.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    tester8@test.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-20"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-22"
-                      data-se="o-form-head"
-                      id="reenroll-authenticator_Title_Your_password_has_expired_okta_password_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiAlert-icon emotion-17"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
                     >
-                      Your password has expired
-                    </h2>
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
                   class="MuiBox-root emotion-20"
                 >
-                  <figure
-                    class="MuiBox-root emotion-24"
-                    data-se="password-authenticator--rules"
-                    id="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                  <div
+                    class="MuiBox-root emotion-21"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-26"
-                      id="password-authenticator--list"
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-23"
+                        data-se="o-form-head"
+                        id="reenroll-authenticator_Title_Your_password_has_expired_okta_password_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        Your password has expired
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <figure
+                      class="MuiBox-root emotion-25"
+                      data-se="password-authenticator--rules"
+                      id="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-27"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-28"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-29"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              A lowercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-28"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                            class="MuiBox-root emotion-29"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-28"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-29"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              An uppercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-59"
+                      id="username"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-62"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-63"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" credentials.passcode-error reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-64"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-28"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-65"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-66"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-69"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-70"
                           >
                             <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
+                              class="MuiTypography-root MuiTypography-body1 emotion-71"
                             >
-                              A number
+                              Password requirements were not met:
                             </p>
+                            <ul
+                              class="MuiList-root MuiList-dense emotion-72"
+                            >
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                At least 8 characters
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                An uppercase letter
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-73"
+                              >
+                                A number
+                              </li>
+                            </ul>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-27"
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-62"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-63"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby=" confirmPassword-error reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-64"
+                          data-se="confirmPassword"
+                          id="confirmPassword"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-28"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-65"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-66"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-30"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-58"
-                    id="username"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-61"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-62"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" credentials.passcode-error reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-63"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      </div>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-64"
+                        class="MuiBox-root emotion-1"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-65"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-69"
+                          data-se="confirmPassword-error"
+                          id="confirmPassword-error"
+                          role="alert"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                          This field cannot be left blank
+                        </p>
                       </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-68"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-88"
+                        id="credentials.newPassword-list"
                       >
-                        <div
-                          class="MuiBox-root emotion-69"
+                        <li
+                          class="MuiBox-root emotion-28"
                         >
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 emotion-70"
-                          >
-                            Password requirements were not met:
-                          </p>
-                          <ul
-                            class="MuiList-root MuiList-dense emotion-71"
+                          <div
+                            class="MuiBox-root emotion-29"
                           >
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
-                            >
-                              At least 8 characters
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-30"
                             >
-                              An uppercase letter
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-72"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </li>
-                          </ul>
-                        </div>
-                      </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-33"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-21"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-61"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-62"
-                      dir="ltr"
-                      required="true"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-96"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <input
-                        aria-describedby=" confirmPassword-error reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-63"
-                        data-se="confirmPassword"
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-64"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-65"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-68"
-                        data-se="confirmPassword-error"
-                        id="confirmPassword-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
-                    </div>
+                      Change Password
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
+                    class="MuiBox-root emotion-21"
                   >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-87"
-                      id="credentials.newPassword-list"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-98"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      <li
-                        class="MuiBox-root emotion-27"
-                      >
-                        <div
-                          class="MuiBox-root emotion-28"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-29"
-                          >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-32"
-                            >
-                              Passwords must match
-                            </p>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
+                      Back to sign in
+                    </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-95"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-expired-password should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester8@test.com"
-                >
-                  tester8@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester8@test.com"
+                  >
+                    tester8@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -771,453 +775,457 @@ exports[`authenticator-expired-password should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Your password has expired
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Your password has expired
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              A lowercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              An uppercase letter
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-54"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              A number
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-53"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reenroll-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="confirmPassword"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-73"
                         id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
                       >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-72"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-61"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-62"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              Passwords must match
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-80"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-82"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-81"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Change Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-83"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-expiry-warning-password.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-expiry-warning-password.test.tsx.snap
index 1a9988bfb7..ae23c9eea2 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-expiry-warning-password.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-expiry-warning-password.test.tsx.snap
@@ -2,163 +2,147 @@
 
 exports[`authenticator-expiry-warning-password should present field level error message of (failed) password requirements 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-password"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-password"
-                >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-password"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-password"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-20"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-22"
-                      data-se="o-form-head"
-                      id="reenroll-authenticator-warning_Title_Your_password_will_expire_in_4_days_okta_password_aut6ci0ZJwJCQ5v6f0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiAlert-icon emotion-17"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
                     >
-                      Your password will expire in 4 days
-                    </h2>
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
@@ -167,755 +151,775 @@ exports[`authenticator-expiry-warning-password should present field level error
                   <div
                     class="MuiBox-root emotion-21"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
-                      data-se="o-form-explain"
-                      id="reenroll-authenticator-warning_Description_When_your_password_expires,_you_will_have_to_change_your_password_before_you_can_login_to_your_Localhost_account_okta_password_aut6ci0ZJwJCQ5v6f0g4_2"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      When your password expires, you will have to change your password before you can login to your Localhost account.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-23"
+                        data-se="o-form-head"
+                        id="reenroll-authenticator-warning_Title_Your_password_will_expire_in_4_days_okta_password_aut6ci0ZJwJCQ5v6f0g4_1"
+                        tabindex="-1"
+                      >
+                        Your password will expire in 4 days
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <figure
-                    class="MuiBox-root emotion-27"
-                    data-se="password-authenticator--rules"
-                    id="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
+                  <div
+                    class="MuiBox-root emotion-21"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-29"
-                      id="password-authenticator--list"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-26"
+                        data-se="o-form-explain"
+                        id="reenroll-authenticator-warning_Description_When_your_password_expires,_you_will_have_to_change_your_password_before_you_can_login_to_your_Localhost_account_okta_password_aut6ci0ZJwJCQ5v6f0g4_2"
+                      >
+                        When your password expires, you will have to change your password before you can login to your Localhost account.
+                      </p>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <figure
+                      class="MuiBox-root emotion-28"
+                      data-se="password-authenticator--rules"
+                      id="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-30"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                A symbol
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-31"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-32"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              A symbol
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-31"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                            class="MuiBox-root emotion-32"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                Does not include your first name
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-31"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-32"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              No parts of your username
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-34"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                Does not include your last name
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-80"
+                      id="username"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-83"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-84"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" credentials.passcode-error reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-85"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-31"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-86"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-87"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-90"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-91"
                           >
                             <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
+                              class="MuiTypography-root MuiTypography-body1 emotion-92"
                             >
-                              Does not include your first name
+                              Password requirements were not met:
                             </p>
+                            <ul
+                              class="MuiList-root MuiList-dense emotion-93"
+                            >
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-94"
+                              >
+                                At least 8 characters
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-94"
+                              >
+                                An uppercase letter
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-94"
+                              >
+                                A number
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-94"
+                              >
+                                A symbol
+                              </li>
+                            </ul>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-30"
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-83"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-84"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby=" confirmPassword-error reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-85"
+                          data-se="confirmPassword"
+                          id="confirmPassword"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-31"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-86"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-87"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-33"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
-                            >
-                              Does not include your last name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-79"
-                    id="username"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-82"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-83"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" credentials.passcode-error reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-84"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      </div>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-85"
+                        class="MuiBox-root emotion-1"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-86"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-90"
+                          data-se="confirmPassword-error"
+                          id="confirmPassword-error"
+                          role="alert"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                          This field cannot be left blank
+                        </p>
                       </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-89"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-110"
+                        id="credentials.newPassword-list"
                       >
-                        <div
-                          class="MuiBox-root emotion-90"
+                        <li
+                          class="MuiBox-root emotion-31"
                         >
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 emotion-91"
-                          >
-                            Password requirements were not met:
-                          </p>
-                          <ul
-                            class="MuiList-root MuiList-dense emotion-92"
+                          <div
+                            class="MuiBox-root emotion-32"
                           >
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-93"
-                            >
-                              At least 8 characters
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-93"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-33"
                             >
-                              An uppercase letter
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-93"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-18"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-93"
-                            >
-                              A symbol
-                            </li>
-                          </ul>
-                        </div>
-                      </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-36"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-21"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-82"
-                      data-shrink="false"
-                      for="confirmPassword"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-118"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Re-enter password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-83"
-                      dir="ltr"
-                      required="true"
+                      Change Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-21"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-120"
+                      data-se="skip"
+                      role="link"
+                      type="button"
                     >
-                      <input
-                        aria-describedby=" confirmPassword-error reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-84"
-                        data-se="confirmPassword"
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-85"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-86"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-89"
-                        data-se="confirmPassword-error"
-                        id="confirmPassword-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
-                    </div>
+                      Remind me later
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
+                    class="MuiBox-root emotion-21"
                   >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-109"
-                      id="credentials.newPassword-list"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-120"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      <li
-                        class="MuiBox-root emotion-30"
-                      >
-                        <div
-                          class="MuiBox-root emotion-31"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-32"
-                          >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-17"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-35"
-                            >
-                              Passwords must match
-                            </p>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
+                      Back to sign in
+                    </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-117"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-119"
-                    data-se="skip"
-                    role="link"
-                    type="button"
-                  >
-                    Remind me later
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-20"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-119"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-expiry-warning-password should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -923,600 +927,604 @@ exports[`authenticator-expiry-warning-password should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Your password will expire in 4 days
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Your password will expire in 4 days
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="generated"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      When your password expires, you will have to change your password before you can login to your Localhost account.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="generated"
+                      >
+                        When your password expires, you will have to change your password before you can login to your Localhost account.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-22"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-24"
+                    <figure
+                      class="MuiBox-root emotion-23"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-25"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                A symbol
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-26"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-27"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              A symbol
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                Does not include your first name
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-26"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-27"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              No parts of your username
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-29"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                Does not include your last name
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-75"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-78"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-79"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-80"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-26"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-81"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-82"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-83"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
-                            >
-                              Does not include your first name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-25"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-78"
+                        data-shrink="false"
+                        for="confirmPassword"
                       >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-79"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-80"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-26"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-81"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-82"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-83"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
-                            >
-                              Does not include your last name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-74"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-77"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-78"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-79"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-80"
-                      >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-81"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-82"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-77"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-78"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reenroll-authenticator-warning_PasswordRequirements_okta_password_aut6ci0ZJwJCQ5v6f0g4_3"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-79"
-                        data-se="confirmPassword"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-94"
                         id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-80"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-81"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-82"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-93"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-25"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-26"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-27"
+                            class="MuiBox-root emotion-27"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-82"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-28"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-83"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              Passwords must match
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-101"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Change Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-103"
-                    data-se="skip"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-102"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Change Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Remind me later
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-103"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-104"
+                      data-se="skip"
+                      role="link"
+                      type="button"
+                    >
+                      Remind me later
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-104"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-piv-cac-verification.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-piv-cac-verification.test.tsx.snap
index 287b32dc81..5cad104160 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-piv-cac-verification.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-piv-cac-verification.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`authenticator-piv-cac-verification renders form with custom PIV/CAC Button label and class 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,314 +43,318 @@ exports[`authenticator-piv-cac-verification renders form with custom PIV/CAC But
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth custom-piv-class piv-button emotion-13"
-                    tabindex="0"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-14"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth custom-piv-class piv-button emotion-14"
+                      tabindex="0"
+                      type="button"
                     >
-                      <img
-                        alt="PIV Card"
-                        aria-hidden="true"
-                        class="MuiBox-root emotion-0"
-                        src="MockSVGIcon"
-                      />
-                    </span>
-                    My custom PIV Button Label
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
+                      <span
+                        class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-15"
+                      >
+                        <img
+                          alt="PIV Card"
+                          aria-hidden="true"
+                          class="MuiBox-root emotion-1"
+                          src="MockSVGIcon"
+                        />
+                      </span>
+                      My custom PIV Button Label
+                    </button>
+                  </div>
                   <div
-                    class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-17"
-                    role="separator"
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiDivider-wrapper emotion-18"
+                    <div
+                      class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-18"
+                      role="separator"
                     >
-                      OR
-                    </span>
+                      <span
+                        class="MuiDivider-wrapper emotion-19"
+                      >
+                        OR
+                      </span>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-23"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-23"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-24"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-22"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-23"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-23"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-24"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-34"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-35"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-36"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-37"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-38"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-39"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-33"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-34"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-35"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-36"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-37"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-38"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="unlock"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="unlock"
+                      role="link"
+                      type="button"
+                    >
+                      Unlock account?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Unlock account?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-piv-cac-verification renders form with idpDisplay as PRIMARY/default 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -358,314 +362,318 @@ exports[`authenticator-piv-cac-verification renders form with idpDisplay as PRIM
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth  piv-button emotion-13"
-                    tabindex="0"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-14"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth  piv-button emotion-14"
+                      tabindex="0"
+                      type="button"
                     >
-                      <img
-                        alt="PIV Card"
-                        aria-hidden="true"
-                        class="MuiBox-root emotion-0"
-                        src="MockSVGIcon"
-                      />
-                    </span>
-                    Sign in with PIV / CAC card
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
+                      <span
+                        class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-15"
+                      >
+                        <img
+                          alt="PIV Card"
+                          aria-hidden="true"
+                          class="MuiBox-root emotion-1"
+                          src="MockSVGIcon"
+                        />
+                      </span>
+                      Sign in with PIV / CAC card
+                    </button>
+                  </div>
                   <div
-                    class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-17"
-                    role="separator"
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiDivider-wrapper emotion-18"
+                    <div
+                      class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-18"
+                      role="separator"
                     >
-                      OR
-                    </span>
+                      <span
+                        class="MuiDivider-wrapper emotion-19"
+                      >
+                        OR
+                      </span>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-23"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-23"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-24"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-22"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-23"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-23"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-24"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-34"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-35"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-36"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-37"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-38"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-39"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-33"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-34"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-35"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-36"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-37"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-38"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="unlock"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="unlock"
+                      role="link"
+                      type="button"
+                    >
+                      Unlock account?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Unlock account?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-piv-cac-verification renders form with idpDisplay as SECONDARY 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -673,356 +681,360 @@ exports[`authenticator-piv-cac-verification renders form with idpDisplay as SECO
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-16"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-22"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-17"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-23"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-24"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-25"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-23"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-30"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-24"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <div
+                      class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-36"
+                      role="separator"
                     >
                       <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-28"
+                        class="MuiDivider-wrapper emotion-37"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-29"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-30"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
+                        OR
                       </span>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth  piv-button emotion-39"
+                      tabindex="0"
+                      type="button"
+                    >
                       <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
+                        class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-40"
                       >
-                        Keep me signed in
+                        <img
+                          alt="PIV Card"
+                          aria-hidden="true"
+                          class="MuiBox-root emotion-1"
+                          src="MockSVGIcon"
+                        />
                       </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
+                      Sign in with PIV / CAC card
+                    </button>
+                  </div>
                   <div
-                    class="MuiDivider-root MuiDivider-fullWidth MuiDivider-withChildren separation-line emotion-35"
-                    role="separator"
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiDivider-wrapper emotion-36"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
                     >
-                      OR
-                    </span>
+                      Forgot password?
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth  piv-button emotion-38"
-                    tabindex="0"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <span
-                      class="MuiButton-startIcon MuiButton-iconSizeMedium emotion-39"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="unlock"
+                      role="link"
+                      type="button"
                     >
-                      <img
-                        alt="PIV Card"
-                        aria-hidden="true"
-                        class="MuiBox-root emotion-0"
-                        src="MockSVGIcon"
-                      />
-                    </span>
-                    Sign in with PIV / CAC card
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
-                  >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="unlock"
-                    role="link"
-                    type="button"
+                      Unlock account?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Unlock account?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut2h3ffszv3me6O31d7_13"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-piv-cac-verification should render PIV/CAC view when clicking PIV button 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="smart-card-icon MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="smart-card-icon"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="smart-card-icon MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="smart-card-icon"
+                <svg
+                  aria-labelledby="smart-card-icon"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  PIV Card
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  clip-rule="evenodd"
-                  d="M17.5 37h13a2.6 2.6 0 0 0 2.5-2.682V14.682A2.6 2.6 0 0 0 30.5 12h-13a2.6 2.6 0 0 0-2.5 2.682v19.636A2.6 2.6 0 0 0 17.5 37Zm-1.096-23.468A1.6 1.6 0 0 1 17.5 13h13a1.6 1.6 0 0 1 1.5 1.682v19.636A1.6 1.6 0 0 1 30.5 36h-13a1.6 1.6 0 0 1-1.5-1.682V14.682a1.6 1.6 0 0 1 .404-1.15ZM23 28h-1v1h1v-1Zm-3 0h1v1h-1v-1Zm0 5v-3h3v1h-2v2h-1Zm2-1h1v1h-1v-1Zm-2-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-3Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillSecondary"
-                  clip-rule="evenodd"
-                  d="M28 17h-4v1h4v-1Zm2 2h-6v1h6v-1Zm-6 2h6v1h-6v-1Z"
-                  fill="#A7B5EC"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="smart-card-icon"
+                  >
+                    PIV Card
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    clip-rule="evenodd"
+                    d="M17.5 37h13a2.6 2.6 0 0 0 2.5-2.682V14.682A2.6 2.6 0 0 0 30.5 12h-13a2.6 2.6 0 0 0-2.5 2.682v19.636A2.6 2.6 0 0 0 17.5 37Zm-1.096-23.468A1.6 1.6 0 0 1 17.5 13h13a1.6 1.6 0 0 1 1.5 1.682v19.636A1.6 1.6 0 0 1 30.5 36h-13a1.6 1.6 0 0 1-1.5-1.682V14.682a1.6 1.6 0 0 1 .404-1.15ZM23 28h-1v1h1v-1Zm-3 0h1v1h-1v-1Zm0 5v-3h3v1h-2v2h-1Zm2-1h1v1h-1v-1Zm-2-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-3Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    clip-rule="evenodd"
+                    d="M28 17h-4v1h4v-1Zm2 2h-6v1h6v-1Zm-6 2h6v1h-6v-1Z"
+                    fill="#A7B5EC"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-10"
@@ -1030,86 +1042,90 @@ exports[`authenticator-piv-cac-verification should render PIV/CAC view when clic
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-12"
-                      data-se="o-form-head"
-                      id="piv-idp_Title_PIV_/_CAC_card_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      PIV / CAC card
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-13"
+                        data-se="o-form-head"
+                        id="piv-idp_Title_PIV_/_CAC_card_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        PIV / CAC card
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                      data-se="o-form-explain"
-                      id="piv-idp_Description_Please_insert_your_PIV_/_CAC_card_and_select_the_user_certificate_aut2h3ffszv3me6O31d7_2"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Please insert your PIV / CAC card and select the user certificate.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                        data-se="o-form-explain"
+                        id="piv-idp_Description_Please_insert_your_PIV_/_CAC_card_and_select_the_user_certificate_aut2h3ffszv3me6O31d7_2"
+                      >
+                        Please insert your PIV / CAC card and select the user certificate.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-11"
                   >
                     <div
                       class="MuiBox-root emotion-18"
                     >
-                      <span
-                        aria-label="Processing..."
-                        aria-valuetext="Processing..."
-                        class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-19"
-                        data-se="okta-spinner"
-                        id="okta-spinner"
-                        role="progressbar"
-                        style="width: 1.14285714rem; height: 1.14285714rem;"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        <svg
-                          class="MuiCircularProgress-svg emotion-20"
-                          viewBox="22 22 44 44"
+                        <span
+                          aria-label="Processing..."
+                          aria-valuetext="Processing..."
+                          class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-20"
+                          data-se="okta-spinner"
+                          id="okta-spinner"
+                          role="progressbar"
+                          style="width: 1.14285714rem; height: 1.14285714rem;"
                         >
-                          <circle
-                            class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-21"
-                            cx="44"
-                            cy="44"
-                            fill="none"
-                            r="18"
-                            stroke-width="8"
-                          />
-                        </svg>
-                      </span>
+                          <svg
+                            class="MuiCircularProgress-svg emotion-21"
+                            viewBox="22 22 44 44"
+                          >
+                            <circle
+                              class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-22"
+                              cx="44"
+                              cy="44"
+                              fill="none"
+                              r="18"
+                              stroke-width="8"
+                            />
+                          </svg>
+                        </span>
+                      </div>
                     </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <form
-      action="http://localhost:3000/sso/idps/MTLS"
-      method="get"
-      style="display: none;"
-    >
-      <input
-        name="stateTokenExternalId"
-        type="hidden"
-        value="ZnNzQnZsc0RwK3RuSnVEUTJNYTZIdXc5bzl6UnI4NzBPazloT0lIMy9wd3hSVGlDMDRjRDQ2V2VqeHJuSGcyNQ"
-      />
-      <input
-        type="submit"
-      />
-    </form>
-  </main>
+      <form
+        action="http://localhost:3000/sso/idps/MTLS"
+        method="get"
+        style="display: none;"
+      >
+        <input
+          name="stateTokenExternalId"
+          type="hidden"
+          value="ZnNzQnZsc0RwK3RuSnVEUTJNYTZIdXc5bzl6UnI4NzBPazloT0lIMy9wd3hSVGlDMDRjRDQ2V2VqeHJuSGcyNQ"
+        />
+        <input
+          type="submit"
+        />
+      </form>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-reset-password-revoke-sessions.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-reset-password-revoke-sessions.test.tsx.snap
index 787af49e7a..9556bcdee4 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-reset-password-revoke-sessions.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-reset-password-revoke-sessions.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-reset-password-revoke-sessions should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-password"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-password"
+                <svg
+                  aria-labelledby="mfa-okta-password"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-password"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta.com"
-                >
-                  tester@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta.com"
+                  >
+                    tester@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,574 +118,578 @@ exports[`authenticator-reset-password-revoke-sessions should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="reset-authenticator_Title_Reset_your_password_okta_password_aut2h3ffszv3me6O31d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Reset your password
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="reset-authenticator_Title_Reset_your_password_okta_password_aut2h3ffszv3me6O31d7_1"
+                        tabindex="-1"
+                      >
+                        Reset your password
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
+                      id="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
                     >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
-                      id="password-authenticator--list"
-                    >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              A number
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Does not include your first name
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              No parts of your username
-                            </p>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Does not include your last name
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-66"
+                      id="username"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-69"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-70"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-71"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-72"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-73"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-74"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              Does not include your first name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-69"
+                        data-shrink="false"
+                        for="confirmPassword"
+                      >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-70"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-71"
+                          data-se="confirmPassword"
+                          id="confirmPassword"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-72"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-73"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-74"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              Does not include your last name
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-65"
-                    id="username"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
+                      </div>
+                    </div>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-68"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-69"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-70"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-71"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-85"
+                        id="credentials.newPassword-list"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-72"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <li
+                          class="MuiBox-root emotion-23"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-73"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <div
+                            class="MuiBox-root emotion-24"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
+                            >
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-74"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-68"
-                      data-shrink="false"
-                      for="confirmPassword"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-93"
                     >
-                      Re-enter password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-69"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-70"
-                        data-se="confirmPassword"
-                        id="confirmPassword"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-71"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-94"
                       >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-72"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-95"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-96"
+                            data-indeterminate="false"
+                            data-se="credentials.revokeSessions"
+                            data-se-for-name="credentials.revokeSessions"
+                            id="credentials.revokeSessions"
+                            name="credentials.revokeSessions"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-73"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-97"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
+                        >
+                          Sign me out of all other devices.
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
+                    class="MuiBox-root emotion-16"
                   >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-84"
-                      id="credentials.newPassword-list"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-100"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
-                          class="MuiBox-root emotion-23"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
-                          >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-73"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              Passwords must match
-                            </p>
-                          </div>
-                        </div>
-                      </li>
-                    </ul>
+                      Reset Password
+                    </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-92"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-93"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-102"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-94"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-95"
-                          data-indeterminate="false"
-                          data-se="credentials.revokeSessions"
-                          data-se-for-name="credentials.revokeSessions"
-                          id="credentials.revokeSessions"
-                          name="credentials.revokeSessions"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-96"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-27"
-                      >
-                        Sign me out of all other devices.
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-99"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Reset Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-101"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-reset-password.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-reset-password.test.tsx.snap
index 693e38dad0..01582136e9 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-reset-password.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-reset-password.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-reset-password should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester8@test.com"
-                >
-                  tester8@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester8@test.com"
+                  >
+                    tester8@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,568 +118,572 @@ exports[`authenticator-reset-password should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Reset your password
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Reset your password
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
+                            >
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
+                            >
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-54"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              A number
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="confirmPassword"
                       >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-53"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="confirmPassword"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-73"
                         id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-72"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-22"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-61"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-62"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              Passwords must match
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-80"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Reset Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-82"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-81"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Reset Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-83"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-reset-password should render form with custom brand name 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="generated"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="generated"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="generated"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="generated"
+                <svg
+                  aria-labelledby="generated"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="generated"
+                  >
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester8@test.com"
-                >
-                  tester8@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester8@test.com"
+                  >
+                    tester8@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -687,453 +691,457 @@ exports[`authenticator-reset-password should render form with custom brand name
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="generated"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Reset your Acme Corp password
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="generated"
+                        tabindex="-1"
+                      >
+                        Reset your Acme Corp password
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <figure
-                    class="MuiBox-root emotion-19"
-                    data-se="password-authenticator--rules"
-                    id="generated"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-21"
+                    <figure
+                      class="MuiBox-root emotion-20"
+                      data-se="password-authenticator--rules"
                       id="generated"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-22"
+                        id="generated"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
+                            >
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
+                        </li>
+                        <li
+                          class="MuiBox-root emotion-23"
+                        >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-24"
                           >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
+                            >
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-26"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
+                  >
+                    <input
+                      class="MuiBox-root emotion-54"
+                      id="generated"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        New password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
                       >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="credentials.passcode"
+                          id="generated"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              A number
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-22"
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="confirmPassword"
                       >
+                        Re-enter password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
+                          data-se="confirmPassword"
+                          id="generated"
+                          name="confirmPassword"
+                          required=""
+                          type="password"
+                        />
                         <div
-                          class="MuiBox-root emotion-23"
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-60"
                         >
-                          <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                          <button
+                            aria-controls="confirmPassword"
+                            aria-label="Show re-entered password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-61"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
                             <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-25"
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-62"
                               fill="none"
                               focusable="false"
-                              role="img"
                               viewBox="0 0 16 16"
                               xmlns="http://www.w3.org/2000/svg"
                             >
                               <path
                                 clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
                                 fill="currentColor"
                                 fill-rule="evenodd"
                               />
-                              <title>
-                                info
-                              </title>
                             </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
-                            >
-                              No parts of your username
-                            </p>
-                          </div>
+                          </button>
                         </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-53"
-                    id="generated"
-                    name="username"
-                    type="text"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      New password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="credentials.passcode"
-                        id="generated"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="confirmPassword"
-                    >
-                      Re-enter password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-57"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
+                      data-se="password-authenticator--matches"
                     >
-                      <input
-                        aria-describedby="reset-authenticator_PasswordRequirements_okta_password_aut2h3ffszv3me6O31d7_2"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-58"
-                        data-se="confirmPassword"
+                      <ul
+                        aria-hidden="true"
+                        class="MuiBox-root emotion-73"
                         id="generated"
-                        name="confirmPassword"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-59"
-                      >
-                        <button
-                          aria-controls="confirmPassword"
-                          aria-label="Show re-entered password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-60"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-61"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                    data-se="password-authenticator--matches"
-                  >
-                    <ul
-                      aria-hidden="true"
-                      class="MuiBox-root emotion-72"
-                      id="generated"
-                    >
-                      <li
-                        class="MuiBox-root emotion-22"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-23"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-24"
+                            class="MuiBox-root emotion-24"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-61"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-25"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                incomplete
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-27"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorGrey.500 MuiSvgIcon-fontSizeInherit emotion-62"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  incomplete
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              Passwords must match
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-28"
+                              >
+                                Passwords must match
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
+                        </li>
+                      </ul>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-80"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Reset Password
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-82"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-81"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Reset Password
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-83"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-custom-otp.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-custom-otp.test.tsx.snap
index b54bd2e283..d136c61840 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-custom-otp.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-custom-otp.test.tsx.snap
@@ -2,120 +2,120 @@
 
 exports[`authenticator-verification-custom-otp should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-hotp MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-hotp"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-hotp MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-hotp"
+                <svg
+                  aria-labelledby="mfa-hotp"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Enter a single-use code from an authenticator.
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28 23h-6v-6h1v5h5v1Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-hotp"
+                  >
+                    Enter a single-use code from an authenticator.
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28 23h-6v-6h1v5h5v1Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -123,93 +123,97 @@ exports[`authenticator-verification-custom-otp should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Atko_Custom_OTP_Authenticator_custom_otp_aut11ceMaP0B0EzMI0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Atko Custom OTP Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Atko_Custom_OTP_Authenticator_custom_otp_aut11ceMaP0B0EzMI0g4_1"
+                        tabindex="-1"
+                      >
+                        Verify with Atko Custom OTP Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_Enter_the_code_generated_on_your_authenticator_and_verify_custom_otp_aut11ceMaP0B0EzMI0g4_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter the code generated on your authenticator and verify.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_Enter_the_code_generated_on_your_authenticator_and_verify_custom_otp_aut11ceMaP0B0EzMI0g4_2"
+                      >
+                        Enter the code generated on your authenticator and verify.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-with-device-known.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-with-device-known.test.tsx.snap
index 109e0fd0f3..b94ab5e173 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-with-device-known.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-with-device-known.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-data-ov-only-with-device-known should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,358 +114,362 @@ exports[`authenticator-verification-data-ov-only-with-device-known should render
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Verify_its_you_with_a_security_method_okta_verify_aut13qrZReYpIib7R0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify it's you with a security method
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Verify_its_you_with_a_security_method_okta_verify_aut13qrZReYpIib7R0g4_1"
+                        tabindex="-1"
+                      >
+                        Verify it's you with a security method
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Select_from_the_following_options_okta_verify_aut13qrZReYpIib7R0g4_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Select from the following options
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Select_from_the_following_options_okta_verify_aut13qrZReYpIib7R0g4_2"
+                      >
+                        Select from the following options
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <ul
-                    class="MuiBox-root emotion-22"
-                    data-se="authenticator-verify-list"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <li
-                      class="MuiBox-root emotion-15"
+                    <ul
+                      class="MuiBox-root emotion-23"
+                      data-se="authenticator-verify-list"
                     >
-                      <button
-                        aria-describedby="okta_verify_2-description okta_verify_2-ctaLabel"
-                        aria-labelledby="okta_verify_2-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_2-description okta_verify_2-ctaLabel"
+                          aria-labelledby="okta_verify_2-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_2"
+                              <svg
+                                aria-labelledby="okta_verify_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_2"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_2-label"
-                          >
-                            Use Okta FastPass
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_2-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-signed_nonce"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_2-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Use Okta FastPass
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_2-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-signed_nonce"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_2-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-15"
-                    >
-                      <button
-                        aria-describedby="okta_verify_0-description okta_verify_0-ctaLabel"
-                        aria-labelledby="okta_verify_0-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_0-description okta_verify_0-ctaLabel"
+                          aria-labelledby="okta_verify_0-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_0"
+                              <svg
+                                aria-labelledby="okta_verify_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_0"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_0-label"
-                          >
-                            Get a push notification
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_0-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-push"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_0-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Get a push notification
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_0-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-push"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_0-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-15"
-                    >
-                      <button
-                        aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
-                        aria-labelledby="okta_verify_1-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
+                          aria-labelledby="okta_verify_1-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_1"
+                              <svg
+                                aria-labelledby="okta_verify_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_1"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_1-label"
-                          >
-                            Enter a code
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_1-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-totp"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_1-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Enter a code
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_1-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-totp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_1-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-55"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-without-device-known.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-without-device-known.test.tsx.snap
index af3eb84fd3..4437805895 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-without-device-known.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-data-ov-only-without-device-known.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-data-ov-only-without-device-known should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,358 +114,362 @@ exports[`authenticator-verification-data-ov-only-without-device-known should ren
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Verify_its_you_with_a_security_method_okta_verify_aut13qrZReYpIib7R0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify it's you with a security method
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Verify_its_you_with_a_security_method_okta_verify_aut13qrZReYpIib7R0g4_1"
+                        tabindex="-1"
+                      >
+                        Verify it's you with a security method
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Select_from_the_following_options_okta_verify_aut13qrZReYpIib7R0g4_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Select from the following options
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Select_from_the_following_options_okta_verify_aut13qrZReYpIib7R0g4_2"
+                      >
+                        Select from the following options
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <ul
-                    class="MuiBox-root emotion-22"
-                    data-se="authenticator-verify-list"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <li
-                      class="MuiBox-root emotion-15"
+                    <ul
+                      class="MuiBox-root emotion-23"
+                      data-se="authenticator-verify-list"
                     >
-                      <button
-                        aria-describedby="okta_verify_0-description okta_verify_0-ctaLabel"
-                        aria-labelledby="okta_verify_0-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_0-description okta_verify_0-ctaLabel"
+                          aria-labelledby="okta_verify_0-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_0"
+                              <svg
+                                aria-labelledby="okta_verify_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_0"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_0-label"
-                          >
-                            Get a push notification
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_0-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-push"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_0-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Get a push notification
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_0-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-push"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_0-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-15"
-                    >
-                      <button
-                        aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
-                        aria-labelledby="okta_verify_1-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_1-description okta_verify_1-ctaLabel"
+                          aria-labelledby="okta_verify_1-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_1"
+                              <svg
+                                aria-labelledby="okta_verify_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_1"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_1-label"
-                          >
-                            Enter a code
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_1-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-totp"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_1-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Enter a code
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_1-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-totp"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_1-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-15"
-                    >
-                      <button
-                        aria-describedby="okta_verify_2-description okta_verify_2-ctaLabel"
-                        aria-labelledby="okta_verify_2-label"
-                        class="authenticator-row MuiBox-root emotion-24"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-16"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_2-description okta_verify_2-ctaLabel"
+                          aria-labelledby="okta_verify_2-label"
+                          class="authenticator-row MuiBox-root emotion-25"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-27"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_2"
+                              <svg
+                                aria-labelledby="okta_verify_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_2"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-27"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_2-label"
-                          >
-                            Use Okta FastPass
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-29"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_2-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-30"
-                            data-se="okta_verify-signed_nonce"
+                            class="authenticator-description MuiBox-root emotion-28"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-31"
-                              data-se="cta-button-label"
-                              id="okta_verify_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-29"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_2-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-32"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Use Okta FastPass
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-30"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_2-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-31"
+                              data-se="okta_verify-signed_nonce"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-32"
+                                data-se="cta-button-label"
+                                id="okta_verify_2-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-33"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-54"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-55"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-data-phone-sms-only.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-data-phone-sms-only.test.tsx.snap
index ba85717b3a..64142acbdb 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-data-phone-sms-only.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-data-phone-sms-only.test.tsx.snap
@@ -2,125 +2,125 @@
 
 exports[`authenticator-verification-data-phone-sms-only should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -128,93 +128,97 @@ exports[`authenticator-verification-data-phone-sms-only should render form 1`] =
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Verify_with_your_phone_phone_number_sms4bvjioge7Sdu3p5d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with your phone
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Verify_with_your_phone_phone_number_sms4bvjioge7Sdu3p5d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with your phone
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Send_a_code_via_SMS_to_<span_class=strong_no-translate>&lrm;1_XXX-XXX-4601</span>_phone_number_sms4bvjioge7Sdu3p5d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Send a code via SMS to 
-                      <span
-                        class="strong no-translate"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Send_a_code_via_SMS_to_<span_class=strong_no-translate>&lrm;1_XXX-XXX-4601</span>_phone_number_sms4bvjioge7Sdu3p5d7_2"
                       >
-                        ‎+1 XXX-XXX-4601
-                      </span>
-                    </p>
+                        Send a code via SMS to 
+                        <span
+                          class="strong no-translate"
+                        >
+                          ‎+1 XXX-XXX-4601
+                        </span>
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Carrier_messaging_charges_may_apply_phone_number_sms4bvjioge7Sdu3p5d7_3"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Carrier messaging charges may apply
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Carrier_messaging_charges_may_apply_phone_number_sms4bvjioge7Sdu3p5d7_3"
+                      >
+                        Carrier messaging charges may apply
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Receive a code via SMS
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Receive a code via SMS
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-data-with-email.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-data-with-email.test.tsx.snap
index 536085fae4..ff14ba93e0 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-data-with-email.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-data-with-email.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-verification-data-with-email should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,67 +118,71 @@ exports[`authenticator-verification-data-with-email should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Get_a_verification_email_okta_email_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Get a verification email
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Get_a_verification_email_okta_email_1"
+                        tabindex="-1"
+                      >
+                        Get a verification email
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="authenticator-verification-data_Description_Send_a_verification_email_to_<span_class=strong_no-translate>t****1@oktacom</span>_by_clicking_on_Send_me_an_email_okta_email_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Send a verification email to 
-                      <span
-                        class="strong no-translate"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="authenticator-verification-data_Description_Send_a_verification_email_to_<span_class=strong_no-translate>t****1@oktacom</span>_by_clicking_on_Send_me_an_email_okta_email_2"
                       >
-                        t****1@okta.com
-                      </span>
-                       by clicking on "Send me an email".
-                    </p>
+                        Send a verification email to 
+                        <span
+                          class="strong no-translate"
+                        >
+                          t****1@okta.com
+                        </span>
+                         by clicking on "Send me an email".
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-22"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Send me an email
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-24"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send me an email
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-email-magic-link-false.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-email-magic-link-false.test.tsx.snap
index d11eb7f8d3..d21b9908d2 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-email-magic-link-false.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-email-magic-link-false.test.tsx.snap
@@ -2,218 +2,222 @@
 
 exports[`Email authenticator verification when email magic link = false Tests should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="firstname.lastname@example.com"
-                >
-                  firstname.lastname@example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="firstname.lastname@example.com"
+                  >
+                    firstname.lastname@example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
-                <div
-                  class="MuiBox-root emotion-15"
-                />
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Verify with your email
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_2"
+                        tabindex="-1"
+                      >
+                        Verify with your email
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Enter_the_verification_code_in_the_text_box_okta_email_eae1egri5eK5zce0V1d7_3"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      We sent an email to 
-                      <span
-                        class="strong no-translate"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Enter_the_verification_code_in_the_text_box_okta_email_eae1egri5eK5zce0V1d7_3"
                       >
-                        f****************e@example.com
-                      </span>
-                      . Enter the verification code in the text box.
-                    </p>
+                        We sent an email to 
+                        <span
+                          class="strong no-translate"
+                        >
+                          f****************e@example.com
+                        </span>
+                        . Enter the verification code in the text box.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-26"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-26"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-27"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-email.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-email.test.tsx.snap
index 8c569cdc4e..a70990a560 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-email.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-email.test.tsx.snap
@@ -2,1568 +2,1596 @@
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form renders the initial form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="firstname.lastname@example.com"
-                >
-                  firstname.lastname@example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="firstname.lastname@example.com"
+                  >
+                    firstname.lastname@example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
-                  />
-                  <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
+                    />
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-19"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_3_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-20"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_3_1"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_4_1"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-23"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_4_1"
                         >
-                          f****************e@example.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            f****************e@example.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Enter a verification code instead
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="cancel"
+                      role="link"
                       type="button"
                     >
-                      Enter a verification code instead
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form renders the initial form with resend alert box 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="firstname.lastname@example.com"
-                >
-                  firstname.lastname@example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="firstname.lastname@example.com"
+                  >
+                    firstname.lastname@example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-16"
+                      class="MuiBox-root emotion-17"
                     >
                       <div
-                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-18"
-                        role="alert"
+                        class="MuiBox-root emotion-17"
                       >
                         <div
-                          class="MuiAlert-icon emotion-19"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="MuiAlert-message emotion-21"
+                          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-19"
+                          role="alert"
                         >
                           <div
-                            class="MuiBox-root emotion-22"
+                            class="MuiAlert-icon emotion-20"
                           >
-                            Haven't received an email?
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-21"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
                           </div>
-                          <a
-                            class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways emotion-23"
-                            href="javascript:void(0);"
+                          <div
+                            class="MuiAlert-message emotion-22"
                           >
-                            Send again
-                          </a>
+                            <div
+                              class="MuiBox-root emotion-23"
+                            >
+                              Haven't received an email?
+                            </div>
+                            <a
+                              class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways emotion-24"
+                              href="javascript:void(0);"
+                            >
+                              Send again
+                            </a>
+                          </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-25"
+                      class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-26"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_3_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-26"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-27"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_3_1"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-25"
+                      class="MuiBox-root emotion-17"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-29"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_4_1"
+                      <div
+                        class="MuiBox-root emotion-26"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-30"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_4_1"
                         >
-                          f****************e@example.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            f****************e@example.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-focusVisible MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Enter a verification code instead
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-focusVisible MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="cancel"
+                      role="link"
                       type="button"
                     >
-                      Enter a verification code instead
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form renders the otp challenge form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="firstname.lastname@example.com"
-                >
-                  firstname.lastname@example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="firstname.lastname@example.com"
+                  >
+                    firstname.lastname@example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
-                  />
-                  <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
+                    />
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-19"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_7_2"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-20"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_7_2"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_8_2"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-23"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_8_2"
                         >
-                          f****************e@example.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            f****************e@example.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter Code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused emotion-26"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-27"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-26"
+                          data-shrink="false"
+                          for="credentials.passcode"
+                        >
+                          Enter Code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused emotion-27"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-28"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form renders the otp challenge form 2`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
-                  />
-                  <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-23"
+                      class="MuiAlert-icon emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-24"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eaexdyjzXZ3iWikza0g3_7_2"
-                        tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
                       >
-                        Verify with your email
-                      </h2>
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-23"
+                      class="MuiAlert-message emotion-19"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-27"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>t***t@idxcom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eaexdyjzXZ3iWikza0g3_8_2"
-                      >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
-                        >
-                          t***t@idx.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                      We found some errors. Please review the form and make corrections.
                     </div>
                   </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-20"
                   >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
+                    />
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-30"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter Code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-31"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-24"
                       >
-                        <input
-                          aria-describedby=" credentials.passcode-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-32"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-25"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eaexdyjzXZ3iWikza0g3_7_2"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
                       </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
                       <div
-                        class="MuiBox-root emotion-0"
+                        class="MuiBox-root emotion-24"
                       >
                         <p
-                          class="MuiFormHelperText-root Mui-error emotion-34"
-                          data-se="credentials.passcode-error"
-                          id="credentials.passcode-error"
-                          role="alert"
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-28"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>t***t@idxcom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eaexdyjzXZ3iWikza0g3_8_2"
                         >
-                          Invalid code. Try again.
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            t***t@idx.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
                         </p>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-31"
+                          data-shrink="false"
+                          for="credentials.passcode"
+                        >
+                          Enter Code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-32"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-describedby=" credentials.passcode-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-33"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-1"
+                        >
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-35"
+                            data-se="credentials.passcode-error"
+                            id="credentials.passcode-error"
+                            role="alert"
+                          >
+                            Invalid code. Try again.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-37"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-36"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Verify with something else
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form should display reminder prompt, then global error after invalid entry and finally display reminder again with global error 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
-                  role="alert"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-18"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-19"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-16"
+                    role="alert"
                   >
                     <div
-                      class="MuiBox-root emotion-21"
+                      class="MuiAlert-icon emotion-17"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-19"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="MuiBox-root emotion-20"
+                >
+                  <div
+                    class="MuiBox-root emotion-20"
+                  >
+                    <div
+                      class="MuiBox-root emotion-22"
                     >
                       <div
-                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-23"
-                        role="alert"
+                        class="MuiBox-root emotion-22"
                       >
                         <div
-                          class="MuiAlert-icon emotion-24"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              clip-rule="evenodd"
-                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </div>
-                        <div
-                          class="MuiAlert-message emotion-18"
+                          class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-24"
+                          role="alert"
                         >
                           <div
-                            class="MuiBox-root emotion-27"
+                            class="MuiAlert-icon emotion-25"
                           >
-                            Haven't received an email?
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
                           </div>
-                          <a
-                            class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways emotion-28"
-                            href="javascript:void(0);"
+                          <div
+                            class="MuiAlert-message emotion-19"
                           >
-                            Send again
-                          </a>
+                            <div
+                              class="MuiBox-root emotion-28"
+                            >
+                              Haven't received an email?
+                            </div>
+                            <a
+                              class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways emotion-29"
+                              href="javascript:void(0);"
+                            >
+                              Send again
+                            </a>
+                          </div>
                         </div>
                       </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-30"
+                      class="MuiBox-root emotion-22"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-31"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eaexdyjzXZ3iWikza0g3_7_2"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-31"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-32"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eaexdyjzXZ3iWikza0g3_7_2"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-30"
+                      class="MuiBox-root emotion-22"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>t***t@idxcom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eaexdyjzXZ3iWikza0g3_8_2"
+                      <div
+                        class="MuiBox-root emotion-31"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-35"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>t***t@idxcom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eaexdyjzXZ3iWikza0g3_8_2"
                         >
-                          t***t@idx.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            t***t@idx.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-21"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-22"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-37"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter Code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-38"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-describedby=" credentials.passcode-error  "
-                          aria-invalid="true"
-                          autocomplete="off"
-                          class="MuiInputBase-input emotion-39"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-0"
-                      >
-                        <p
-                          class="MuiFormHelperText-root Mui-error emotion-41"
-                          data-se="credentials.passcode-error"
-                          id="credentials.passcode-error"
-                          role="alert"
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-38"
+                          data-shrink="false"
+                          for="credentials.passcode"
                         >
-                          Invalid code. Try again.
-                        </p>
+                          Enter Code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-39"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-describedby=" credentials.passcode-error  "
+                            aria-invalid="true"
+                            autocomplete="off"
+                            class="MuiInputBase-input emotion-40"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-1"
+                        >
+                          <p
+                            class="MuiFormHelperText-root Mui-error emotion-42"
+                            data-se="credentials.passcode-error"
+                            id="credentials.passcode-error"
+                            role="alert"
+                          >
+                            Invalid code. Try again.
+                          </p>
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-22"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-44"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-21"
+                    class="MuiBox-root emotion-22"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-43"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-46"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Verify with something else
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-46"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined renders correct form should render session expired terminal view when polling results in expired session 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        You have been logged out due to inactivity. Refresh or return to the sign in screen.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          You have been logged out due to inactivity. Refresh or return to the sign in screen.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-16"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-17"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`Email authenticator verification when email magic link = undefined should have autocomplete attribute on otp input element when in ios browser 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="firstname.lastname@example.com"
-                >
-                  firstname.lastname@example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="firstname.lastname@example.com"
+                  >
+                    firstname.lastname@example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
-                  />
-                  <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
+                    />
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-19"
-                        data-se="o-form-head"
-                        id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_7_2"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        Verify with your email
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-20"
+                          data-se="o-form-head"
+                          id="challenge-authenticator_Title_Verify_with_your_email_okta_email_eae1egri5eK5zce0V1d7_7_2"
+                          tabindex="-1"
+                        >
+                          Verify with your email
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-17"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
-                        data-se="o-form-explain"
-                        id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_8_2"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        We sent an email to 
-                        <span
-                          class="strong no-translate"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-23"
+                          data-se="o-form-explain"
+                          id="challenge-authenticator_Description_We_sent_an_email_to_<span_class=strong_no-translate>f****************e@examplecom</span>_Click_the_verification_link_in_your_email_to_continue_or_enter_the_code_below_okta_email_eae1egri5eK5zce0V1d7_8_2"
                         >
-                          f****************e@example.com
-                        </span>
-                        . Click the verification link in your email to continue or enter the code below.
-                      </p>
+                          We sent an email to 
+                          <span
+                            class="strong no-translate"
+                          >
+                            f****************e@example.com
+                          </span>
+                          . Click the verification link in your email to continue or enter the code below.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-17"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-25"
-                        data-shrink="false"
-                        for="credentials.passcode"
-                      >
-                        Enter Code
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused emotion-26"
-                        dir="ltr"
-                        required="true"
+                        class="MuiBox-root emotion-1"
                       >
-                        <input
-                          aria-invalid="false"
-                          autocomplete="one-time-code"
-                          class="MuiInputBase-input emotion-27"
-                          data-se="credentials.passcode"
-                          id="credentials.passcode"
-                          inputmode="numeric"
-                          name="credentials.passcode"
-                          required=""
-                          type="text"
-                        />
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-26"
+                          data-shrink="false"
+                          for="credentials.passcode"
+                        >
+                          Enter Code
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth Mui-focused emotion-27"
+                          dir="ltr"
+                          required="true"
+                        >
+                          <input
+                            aria-invalid="false"
+                            autocomplete="one-time-code"
+                            class="MuiInputBase-input emotion-28"
+                            data-se="credentials.passcode"
+                            id="credentials.passcode"
+                            inputmode="numeric"
+                            name="credentials.passcode"
+                            required=""
+                            type="text"
+                          />
+                        </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-17"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
                     >
-                      Verify
+                      Back to sign in
                     </button>
                   </div>
                 </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-31"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-google-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-google-authenticator.test.tsx.snap
index 29a9d92117..0667ded28d 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-google-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-google-authenticator.test.tsx.snap
@@ -2,135 +2,135 @@
 
 exports[`authenticator-verification-google-authenticator should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-google-auth MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-google-auth"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-google-auth MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-google-auth"
+                <svg
+                  aria-labelledby="mfa-google-auth"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Google Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                  fill="#1A73E7"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                  fill="#FABB04"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                  fill="#34A753"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                  fill="#E94335"
-                  fill-rule="evenodd"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                  fill="#174EA5"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-google-auth"
+                  >
+                    Google Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                    fill="#1A73E7"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                    fill="#FABB04"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                    fill="#34A753"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                    fill="#E94335"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                    fill="#174EA5"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -138,105 +138,109 @@ exports[`authenticator-verification-google-authenticator should render form 1`]
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Google_Authenticator_google_otp_uft2nai75idszAT621d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Google Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Google_Authenticator_google_otp_uft2nai75idszAT621d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with Google Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_Enter_the_temporary_code_generated_in_your_Google_Authenticator_app_google_otp_uft2nai75idszAT621d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter the temporary code generated in your Google Authenticator app
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_Enter_the_temporary_code_generated_in_your_Google_Authenticator_app_google_otp_uft2nai75idszAT621d7_2"
+                      >
+                        Enter the temporary code generated in your Google Authenticator app
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-code.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-code.test.tsx.snap
index be0cac9326..c0783e0be6 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-code.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-code.test.tsx.snap
@@ -2,593 +2,601 @@
 
 exports[`authenticator-verification-okta-verify-push-code Polling should display reminder prompt when waiting on page for >= 30 secs 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-16"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-17"
-                      role="alert"
+                      class="MuiBox-root emotion-17"
                     >
                       <div
-                        class="MuiAlert-icon emotion-18"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxWarning MuiAlert-infobox emotion-18"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-19"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-20"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
                         <div
-                          class="MuiBox-root emotion-0"
+                          class="MuiAlert-message emotion-21"
                         >
-                          Haven't received a push notification yet? Try opening the Okta Verify app on your device, or 
-                          <a
-                            class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways resend-number-challenge emotion-22"
-                            href="#"
+                          <div
+                            class="MuiBox-root emotion-1"
                           >
-                            resend the push notification
-                          </a>
-                          .
+                            Haven't received a push notification yet? Try opening the Okta Verify app on your device, or 
+                            <a
+                              class="MuiTypography-root MuiTypography-monochrome MuiLink-root MuiLink-underlineAlways resend-number-challenge emotion-23"
+                              href="#"
+                            >
+                              resend the push notification
+                            </a>
+                            .
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
                   <div
-                    class="MuiBox-root emotion-24"
+                    class="MuiBox-root emotion-17"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-25"
-                      data-se="o-form-head"
-                      id="challenge-poll_Title_Push_notification_sent_okta_verify_aut2h3fft4y9pDPCS1d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-25"
                     >
-                      Push notification sent
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-26"
+                        data-se="o-form-head"
+                        id="challenge-poll_Title_Push_notification_sent_okta_verify_aut2h3fft4y9pDPCS1d7_2"
+                        tabindex="-1"
+                      >
+                        Push notification sent
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-28"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-29"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-30"
-                          data-indeterminate="false"
-                          data-se="autoChallenge"
-                          data-se-for-name="autoChallenge"
-                          id="autoChallenge"
-                          name="autoChallenge"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-30"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-31"
+                            data-indeterminate="false"
+                            data-se="autoChallenge"
+                            data-se-for-name="autoChallenge"
+                            id="autoChallenge"
+                            name="autoChallenge"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
-                      >
-                        Send push automatically
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-32"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-33"
+                        >
+                          Send push automatically
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-24"
+                    class="MuiBox-root emotion-17"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-35"
-                      data-se="numberchallenge-instr-value"
-                      id="challenge-poll_Description_On_your_mobile_device,_open_the_Okta_Verify_prompt,_then_tap_<span_class=strong>52</span>_in_Okta_Verify_to_continue_okta_verify_aut2h3fft4y9pDPCS1d7_4"
+                    <div
+                      class="MuiBox-root emotion-25"
                     >
-                      On your mobile device, open the Okta Verify prompt, then tap 
-                      <span
-                        class="strong"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-36"
+                        data-se="numberchallenge-instr-value"
+                        id="challenge-poll_Description_On_your_mobile_device,_open_the_Okta_Verify_prompt,_then_tap_<span_class=strong>52</span>_in_Okta_Verify_to_continue_okta_verify_aut2h3fft4y9pDPCS1d7_4"
                       >
-                        52
-                      </span>
-                       in Okta Verify to continue.
-                    </p>
+                        On your mobile device, open the Okta Verify prompt, then tap 
+                        <span
+                          class="strong"
+                        >
+                          52
+                        </span>
+                         in Okta Verify to continue.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
                   <div
-                    class="MuiBox-root emotion-37"
-                    id="code"
+                    class="MuiBox-root emotion-17"
                   >
                     <div
                       class="MuiBox-root emotion-38"
-                      data-se="icon-code"
+                      id="code"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="63"
-                        role="img"
-                        viewBox="0 0 51 63"
-                        width="51"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-39"
+                        data-se="icon-code"
                       >
-                        <title>
-                          Mobile Device
-                        </title>
-                        <path
-                          class="siwIconFillPrimaryDark"
-                          clip-rule="evenodd"
-                          d="M21.7496 62.7498H44.2496C45.957 62.6872 47.5708 61.9538 48.7409 60.7089C49.9109 59.4639 50.5429 57.8078 50.4996 56.0998V6.99981C50.5564 5.28333 49.9304 3.61435 48.7589 2.35851C47.5874 1.10268 45.9659 0.362378 44.2496 0.299805H21.7496C20.0334 0.362378 18.4119 1.10268 17.2404 2.35851C16.0689 3.61435 15.4429 5.28333 15.4996 6.99981V28.1311H17.9996V6.99981C17.9658 6.47429 18.036 5.94727 18.2063 5.44896C18.3766 4.95065 18.6436 4.49087 18.992 4.09601C19.3404 3.70114 19.7634 3.37896 20.2366 3.14794C20.7098 2.91693 21.224 2.78163 21.7496 2.74981L44.2496 2.7998C45.3021 2.86429 46.2865 3.34172 46.9888 4.12826C47.691 4.91479 48.0543 5.9468 47.9996 6.99981V56.0498C48.0335 56.5753 47.9633 57.1023 47.793 57.6007C47.6227 58.099 47.3557 58.5587 47.0073 58.9536C46.6589 59.3485 46.2359 59.6707 45.7627 59.9017C45.2895 60.1327 44.7753 60.268 44.2496 60.2998H21.7496C20.6972 60.2353 19.7128 59.7579 19.0105 58.9714C18.3082 58.1848 17.9449 57.1528 17.9996 56.0998V34.6311H15.4996V56.0498C15.4429 57.7663 16.0689 59.4353 17.2404 60.6911C18.4119 61.9469 20.0334 62.6872 21.7496 62.7498ZM38 55.25H28V57.75H38V55.25ZM33 5.25C34.3807 5.25 35.5 6.36929 35.5 7.75C35.5 9.13071 34.3807 10.25 33 10.25C31.6193 10.25 30.5 9.13071 30.5 7.75C30.5 6.36929 31.6193 5.25 33 5.25Z"
-                          fill="#00297A"
-                          fill-rule="evenodd"
-                        />
-                        <path
-                          class="siwIconFillSecondary"
-                          clip-rule="evenodd"
-                          d="M26.2191 32.6309L20.85 38L22.62 39.76L31 31.38L22.62 23L20.85 24.76L26.2209 30.1309H2.98047V32.6309H26.2191Z"
-                          fill="#A7B5EC"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 no-translate emotion-32"
-                        data-se="text-code"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="63"
+                          role="img"
+                          viewBox="0 0 51 63"
+                          width="51"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Mobile Device
+                          </title>
+                          <path
+                            class="siwIconFillPrimaryDark"
+                            clip-rule="evenodd"
+                            d="M21.7496 62.7498H44.2496C45.957 62.6872 47.5708 61.9538 48.7409 60.7089C49.9109 59.4639 50.5429 57.8078 50.4996 56.0998V6.99981C50.5564 5.28333 49.9304 3.61435 48.7589 2.35851C47.5874 1.10268 45.9659 0.362378 44.2496 0.299805H21.7496C20.0334 0.362378 18.4119 1.10268 17.2404 2.35851C16.0689 3.61435 15.4429 5.28333 15.4996 6.99981V28.1311H17.9996V6.99981C17.9658 6.47429 18.036 5.94727 18.2063 5.44896C18.3766 4.95065 18.6436 4.49087 18.992 4.09601C19.3404 3.70114 19.7634 3.37896 20.2366 3.14794C20.7098 2.91693 21.224 2.78163 21.7496 2.74981L44.2496 2.7998C45.3021 2.86429 46.2865 3.34172 46.9888 4.12826C47.691 4.91479 48.0543 5.9468 47.9996 6.99981V56.0498C48.0335 56.5753 47.9633 57.1023 47.793 57.6007C47.6227 58.099 47.3557 58.5587 47.0073 58.9536C46.6589 59.3485 46.2359 59.6707 45.7627 59.9017C45.2895 60.1327 44.7753 60.268 44.2496 60.2998H21.7496C20.6972 60.2353 19.7128 59.7579 19.0105 58.9714C18.3082 58.1848 17.9449 57.1528 17.9996 56.0998V34.6311H15.4996V56.0498C15.4429 57.7663 16.0689 59.4353 17.2404 60.6911C18.4119 61.9469 20.0334 62.6872 21.7496 62.7498ZM38 55.25H28V57.75H38V55.25ZM33 5.25C34.3807 5.25 35.5 6.36929 35.5 7.75C35.5 9.13071 34.3807 10.25 33 10.25C31.6193 10.25 30.5 9.13071 30.5 7.75C30.5 6.36929 31.6193 5.25 33 5.25Z"
+                            fill="#00297A"
+                            fill-rule="evenodd"
+                          />
+                          <path
+                            class="siwIconFillSecondary"
+                            clip-rule="evenodd"
+                            d="M26.2191 32.6309L20.85 38L22.62 39.76L31 31.38L22.62 23L20.85 24.76L26.2209 30.1309H2.98047V32.6309H26.2191Z"
+                            fill="#A7B5EC"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        52
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 no-translate emotion-33"
+                          data-se="text-code"
+                        >
+                          52
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-verification-okta-verify-push-code should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-0"
-                />
-                <div
-                  class="MuiBox-root emotion-16"
+                  class="MuiBox-root emotion-15"
                 >
+                  <div
+                    class="MuiBox-root emotion-1"
+                  />
                   <div
                     class="MuiBox-root emotion-17"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="challenge-poll_Title_Push_notification_sent_okta_verify_aut2h3fft4y9pDPCS1d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Push notification sent
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="challenge-poll_Title_Push_notification_sent_okta_verify_aut2h3fft4y9pDPCS1d7_2"
+                        tabindex="-1"
+                      >
+                        Push notification sent
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-21"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-22"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-23"
-                          data-indeterminate="false"
-                          data-se="autoChallenge"
-                          data-se-for-name="autoChallenge"
-                          id="autoChallenge"
-                          name="autoChallenge"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-24"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-23"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-24"
+                            data-indeterminate="false"
+                            data-se="autoChallenge"
+                            data-se-for-name="autoChallenge"
+                            id="autoChallenge"
+                            name="autoChallenge"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-25"
-                      >
-                        Send push automatically
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-25"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-26"
+                        >
+                          Send push automatically
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
                   <div
                     class="MuiBox-root emotion-17"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-28"
-                      data-se="numberchallenge-instr-value"
-                      id="challenge-poll_Description_On_your_mobile_device,_open_the_Okta_Verify_prompt,_then_tap_<span_class=strong>52</span>_in_Okta_Verify_to_continue_okta_verify_aut2h3fft4y9pDPCS1d7_4"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      On your mobile device, open the Okta Verify prompt, then tap 
-                      <span
-                        class="strong"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-29"
+                        data-se="numberchallenge-instr-value"
+                        id="challenge-poll_Description_On_your_mobile_device,_open_the_Okta_Verify_prompt,_then_tap_<span_class=strong>52</span>_in_Okta_Verify_to_continue_okta_verify_aut2h3fft4y9pDPCS1d7_4"
                       >
-                        52
-                      </span>
-                       in Okta Verify to continue.
-                    </p>
+                        On your mobile device, open the Okta Verify prompt, then tap 
+                        <span
+                          class="strong"
+                        >
+                          52
+                        </span>
+                         in Okta Verify to continue.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
                   <div
-                    class="MuiBox-root emotion-30"
-                    id="code"
+                    class="MuiBox-root emotion-17"
                   >
                     <div
                       class="MuiBox-root emotion-31"
-                      data-se="icon-code"
+                      id="code"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="63"
-                        role="img"
-                        viewBox="0 0 51 63"
-                        width="51"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-32"
+                        data-se="icon-code"
                       >
-                        <title>
-                          Mobile Device
-                        </title>
-                        <path
-                          class="siwIconFillPrimaryDark"
-                          clip-rule="evenodd"
-                          d="M21.7496 62.7498H44.2496C45.957 62.6872 47.5708 61.9538 48.7409 60.7089C49.9109 59.4639 50.5429 57.8078 50.4996 56.0998V6.99981C50.5564 5.28333 49.9304 3.61435 48.7589 2.35851C47.5874 1.10268 45.9659 0.362378 44.2496 0.299805H21.7496C20.0334 0.362378 18.4119 1.10268 17.2404 2.35851C16.0689 3.61435 15.4429 5.28333 15.4996 6.99981V28.1311H17.9996V6.99981C17.9658 6.47429 18.036 5.94727 18.2063 5.44896C18.3766 4.95065 18.6436 4.49087 18.992 4.09601C19.3404 3.70114 19.7634 3.37896 20.2366 3.14794C20.7098 2.91693 21.224 2.78163 21.7496 2.74981L44.2496 2.7998C45.3021 2.86429 46.2865 3.34172 46.9888 4.12826C47.691 4.91479 48.0543 5.9468 47.9996 6.99981V56.0498C48.0335 56.5753 47.9633 57.1023 47.793 57.6007C47.6227 58.099 47.3557 58.5587 47.0073 58.9536C46.6589 59.3485 46.2359 59.6707 45.7627 59.9017C45.2895 60.1327 44.7753 60.268 44.2496 60.2998H21.7496C20.6972 60.2353 19.7128 59.7579 19.0105 58.9714C18.3082 58.1848 17.9449 57.1528 17.9996 56.0998V34.6311H15.4996V56.0498C15.4429 57.7663 16.0689 59.4353 17.2404 60.6911C18.4119 61.9469 20.0334 62.6872 21.7496 62.7498ZM38 55.25H28V57.75H38V55.25ZM33 5.25C34.3807 5.25 35.5 6.36929 35.5 7.75C35.5 9.13071 34.3807 10.25 33 10.25C31.6193 10.25 30.5 9.13071 30.5 7.75C30.5 6.36929 31.6193 5.25 33 5.25Z"
-                          fill="#00297A"
-                          fill-rule="evenodd"
-                        />
-                        <path
-                          class="siwIconFillSecondary"
-                          clip-rule="evenodd"
-                          d="M26.2191 32.6309L20.85 38L22.62 39.76L31 31.38L22.62 23L20.85 24.76L26.2209 30.1309H2.98047V32.6309H26.2191Z"
-                          fill="#A7B5EC"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 no-translate emotion-25"
-                        data-se="text-code"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="63"
+                          role="img"
+                          viewBox="0 0 51 63"
+                          width="51"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Mobile Device
+                          </title>
+                          <path
+                            class="siwIconFillPrimaryDark"
+                            clip-rule="evenodd"
+                            d="M21.7496 62.7498H44.2496C45.957 62.6872 47.5708 61.9538 48.7409 60.7089C49.9109 59.4639 50.5429 57.8078 50.4996 56.0998V6.99981C50.5564 5.28333 49.9304 3.61435 48.7589 2.35851C47.5874 1.10268 45.9659 0.362378 44.2496 0.299805H21.7496C20.0334 0.362378 18.4119 1.10268 17.2404 2.35851C16.0689 3.61435 15.4429 5.28333 15.4996 6.99981V28.1311H17.9996V6.99981C17.9658 6.47429 18.036 5.94727 18.2063 5.44896C18.3766 4.95065 18.6436 4.49087 18.992 4.09601C19.3404 3.70114 19.7634 3.37896 20.2366 3.14794C20.7098 2.91693 21.224 2.78163 21.7496 2.74981L44.2496 2.7998C45.3021 2.86429 46.2865 3.34172 46.9888 4.12826C47.691 4.91479 48.0543 5.9468 47.9996 6.99981V56.0498C48.0335 56.5753 47.9633 57.1023 47.793 57.6007C47.6227 58.099 47.3557 58.5587 47.0073 58.9536C46.6589 59.3485 46.2359 59.6707 45.7627 59.9017C45.2895 60.1327 44.7753 60.268 44.2496 60.2998H21.7496C20.6972 60.2353 19.7128 59.7579 19.0105 58.9714C18.3082 58.1848 17.9449 57.1528 17.9996 56.0998V34.6311H15.4996V56.0498C15.4429 57.7663 16.0689 59.4353 17.2404 60.6911C18.4119 61.9469 20.0334 62.6872 21.7496 62.7498ZM38 55.25H28V57.75H38V55.25ZM33 5.25C34.3807 5.25 35.5 6.36929 35.5 7.75C35.5 9.13071 34.3807 10.25 33 10.25C31.6193 10.25 30.5 9.13071 30.5 7.75C30.5 6.36929 31.6193 5.25 33 5.25Z"
+                            fill="#00297A"
+                            fill-rule="evenodd"
+                          />
+                          <path
+                            class="siwIconFillSecondary"
+                            clip-rule="evenodd"
+                            d="M26.2191 32.6309L20.85 38L22.62 39.76L31 31.38L22.62 23L20.85 24.76L26.2209 30.1309H2.98047V32.6309H26.2191Z"
+                            fill="#A7B5EC"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        52
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 no-translate emotion-26"
+                          data-se="text-code"
+                        >
+                          52
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-16"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-17"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-poll.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-poll.test.tsx.snap
index bc89a008f3..b696ec134c 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-poll.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push-poll.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-okta-verify-push should render polling form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,102 +114,106 @@ exports[`authenticator-verification-okta-verify-push should render polling form
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-poll_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Get a push notification
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-poll_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Get a push notification
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                />
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
+                  <div
+                    class="MuiBox-root emotion-1"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-21"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-21"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-22"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-22"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-23"
-                          data-indeterminate="false"
-                          data-se="autoChallenge"
-                          data-se-for-name="autoChallenge"
-                          id="autoChallenge"
-                          name="autoChallenge"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-24"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-23"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-24"
+                            data-indeterminate="false"
+                            data-se="autoChallenge"
+                            data-se-for-name="autoChallenge"
+                            id="autoChallenge"
+                            name="autoChallenge"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-25"
-                      >
-                        Send push automatically
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-disabled MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
-                    disabled=""
-                    tabindex="-1"
-                    type="button"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-25"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-26"
+                        >
+                          Send push automatically
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Push notification sent
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth Mui-disabled MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
+                      disabled=""
+                      tabindex="-1"
+                      type="button"
+                    >
+                      Push notification sent
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push.test.tsx.snap
index 77b26c9559..55e415370d 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-push.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-okta-verify-push should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,99 +114,103 @@ exports[`authenticator-verification-okta-verify-push should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-verification-data_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Get a push notification
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-verification-data_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Get a push notification
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-19"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-20"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-20"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-21"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-21"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-22"
-                          data-indeterminate="false"
-                          data-se="authenticator.autoChallenge"
-                          data-se-for-name="authenticator.autoChallenge"
-                          id="authenticator.autoChallenge"
-                          name="authenticator.autoChallenge"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-23"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-22"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-23"
+                            data-indeterminate="false"
+                            data-se="authenticator.autoChallenge"
+                            data-se-for-name="authenticator.autoChallenge"
+                            id="authenticator.autoChallenge"
+                            name="authenticator.autoChallenge"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
-                      >
-                        Send push automatically
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-24"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-25"
+                        >
+                          Send push automatically
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Send push
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send push
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp-only-ov.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp-only-ov.test.tsx.snap
index c79dd7dc84..74dd93584d 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp-only-ov.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp-only-ov.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-okta-verify-totp-only-ov should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,89 +114,93 @@ exports[`authenticator-verification-okta-verify-totp-only-ov should render form
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Enter_a_code_okta_verify_auttheidkwh282hv8g3_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter a code
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Enter_a_code_okta_verify_auttheidkwh282hv8g3_1"
+                        tabindex="-1"
+                      >
+                        Enter a code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
-                      data-shrink="false"
-                      for="credentials.totp"
-                    >
-                      Enter code from Okta Verify app
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-21"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-22"
-                        data-se="credentials.totp"
-                        id="credentials.totp"
-                        inputmode="numeric"
-                        name="credentials.totp"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
+                        data-shrink="false"
+                        for="credentials.totp"
+                      >
+                        Enter code from Okta Verify app
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-23"
+                          data-se="credentials.totp"
+                          id="credentials.totp"
+                          inputmode="numeric"
+                          name="credentials.totp"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp.test.tsx.snap
index dc68ea0c18..9b7f916316 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-okta-verify-totp.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-okta-verify-totp should have autocomplete attribute on totp input element when in ios browser 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,200 +114,204 @@ exports[`authenticator-verification-okta-verify-totp should have autocomplete at
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter a code
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Enter a code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
-                      data-shrink="false"
-                      for="credentials.totp"
-                    >
-                      Enter code from Okta Verify app
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-21"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="one-time-code"
-                        class="MuiInputBase-input emotion-22"
-                        data-se="credentials.totp"
-                        id="credentials.totp"
-                        inputmode="numeric"
-                        name="credentials.totp"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
+                        data-shrink="false"
+                        for="credentials.totp"
+                      >
+                        Enter code from Okta Verify app
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="one-time-code"
+                          class="MuiInputBase-input emotion-23"
+                          data-se="credentials.totp"
+                          id="credentials.totp"
+                          inputmode="numeric"
+                          name="credentials.totp"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-verification-okta-verify-totp should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -315,89 +319,93 @@ exports[`authenticator-verification-okta-verify-totp should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter a code
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Enter a code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
-                      data-shrink="false"
-                      for="credentials.totp"
-                    >
-                      Enter code from Okta Verify app
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-21"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-22"
-                        data-se="credentials.totp"
-                        id="credentials.totp"
-                        inputmode="numeric"
-                        name="credentials.totp"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
+                        data-shrink="false"
+                        for="credentials.totp"
+                      >
+                        Enter code from Okta Verify app
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-23"
+                          data-se="credentials.totp"
+                          id="credentials.totp"
+                          inputmode="numeric"
+                          name="credentials.totp"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-27"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-ov-resend-push-notification.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-ov-resend-push-notification.test.tsx.snap
index 0e43ab3f8a..add2bd6c61 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-ov-resend-push-notification.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-ov-resend-push-notification.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`authenticator-verification-ov-resend-push-notification renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,58 +114,62 @@ exports[`authenticator-verification-ov-resend-push-notification renders form 1`]
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="resend_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Get a push notification
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="resend_Title_Get_a_push_notification_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Get a push notification
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-19"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Resend push notification
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-21"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-20"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Resend push notification
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-21"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-22"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-22"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-ov-totp-biometrics-error.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-ov-totp-biometrics-error.test.tsx.snap
index f252420180..5754af40e9 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-ov-totp-biometrics-error.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-ov-totp-biometrics-error.test.tsx.snap
@@ -2,272 +2,276 @@
 
 exports[`authenticator-verification-ov-totp-biometrics-error should render form with Biometrics error 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-17"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-17"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-18"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-20"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-18"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <h2
-                          class="MuiTypography-root MuiTypography-h6 emotion-21"
+                        <div
+                          class="MuiAlert-icon emotion-19"
                         >
-                          Enable biometrics in Okta Verify
-                        </h2>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
                         <div
-                          class="MuiBox-root emotion-22"
+                          class="MuiAlert-message emotion-21"
                         >
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 emotion-23"
+                          <h2
+                            class="MuiTypography-root MuiTypography-h6 emotion-22"
                           >
-                            Your response was received, but your organization requires biometrics. Make sure you meet the following requirements, then try again:
-                          </p>
-                          <ul
-                            class="MuiList-root MuiList-dense emotion-24"
+                            Enable biometrics in Okta Verify
+                          </h2>
+                          <div
+                            class="MuiBox-root emotion-23"
                           >
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-25"
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 emotion-24"
                             >
-                              Your device supports biometrics
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-25"
+                              Your response was received, but your organization requires biometrics. Make sure you meet the following requirements, then try again:
+                            </p>
+                            <ul
+                              class="MuiList-root MuiList-dense emotion-25"
                             >
-                              Okta Verify is up-to-date
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-25"
-                            >
-                              In Okta Verify, biometrics are enabled for your account
-                            </li>
-                          </ul>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-26"
+                              >
+                                Your device supports biometrics
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-26"
+                              >
+                                Okta Verify is up-to-date
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-26"
+                              >
+                                In Okta Verify, biometrics are enabled for your account
+                              </li>
+                            </ul>
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-29"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-30"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut1kxbY4k3KnPvvd0g4_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-30"
                     >
-                      Enter a code
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-31"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Enter_a_code_okta_verify_aut1kxbY4k3KnPvvd0g4_2"
+                        tabindex="-1"
+                      >
+                        Enter a code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-33"
-                      data-shrink="false"
-                      for="credentials.totp"
-                    >
-                      Enter code from Okta Verify app
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-34"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-35"
-                        data-se="credentials.totp"
-                        id="credentials.totp"
-                        inputmode="numeric"
-                        name="credentials.totp"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-34"
+                        data-shrink="false"
+                        for="credentials.totp"
+                      >
+                        Enter code from Okta Verify app
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-35"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-36"
+                          data-se="credentials.totp"
+                          id="credentials.totp"
+                          inputmode="numeric"
+                          name="credentials.totp"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-37"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-38"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-40"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-40"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-phone-sms.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-phone-sms.test.tsx.snap
index d9d74f1424..36e9c5025c 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-phone-sms.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-phone-sms.test.tsx.snap
@@ -2,255 +2,259 @@
 
 exports[`authenticator-verification-phone-sms should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
-                <div
-                  class="MuiBox-root emotion-15"
-                />
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
+                  />
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-18"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_your_phone_phone_number_sms4bvjioge7Sdu3p5d7_2"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Verify with your phone
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-19"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_your_phone_phone_number_sms4bvjioge7Sdu3p5d7_2"
+                        tabindex="-1"
+                      >
+                        Verify with your phone
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_A_code_was_sent_to_<span_class=strong_no-translate>&lrm;1_XXX-XXX-4601</span>_Enter_the_code_below_to_verify_phone_number_sms4bvjioge7Sdu3p5d7_3"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      A code was sent to 
-                      <span
-                        class="strong no-translate"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_A_code_was_sent_to_<span_class=strong_no-translate>&lrm;1_XXX-XXX-4601</span>_Enter_the_code_below_to_verify_phone_number_sms4bvjioge7Sdu3p5d7_3"
                       >
-                        ‎+1 XXX-XXX-4601.
-                      </span>
-                       Enter the code below to verify.
-                    </p>
+                        A code was sent to 
+                        <span
+                          class="strong no-translate"
+                        >
+                          ‎+1 XXX-XXX-4601.
+                        </span>
+                         Enter the code below to verify.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_sms4bvjioge7Sdu3p5d7_4"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      Carrier messaging charges may apply
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_Carrier_messaging_charges_may_apply_phone_number_sms4bvjioge7Sdu3p5d7_4"
+                      >
+                        Carrier messaging charges may apply
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Enter Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-28"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input emotion-29"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        inputmode="numeric"
-                        name="credentials.passcode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Enter Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-29"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input emotion-30"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          inputmode="numeric"
+                          name="credentials.passcode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-34"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-security-question.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-security-question.test.tsx.snap
index 1adc4e0a54..023607b3e8 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-security-question.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-security-question.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`authenticator-verification-security-question renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-security-question MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-security-question"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-security-question MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-security-question"
+                <svg
+                  aria-labelledby="mfa-okta-security-question"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Question
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-security-question"
+                  >
+                    Security Question
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,105 +118,109 @@ exports[`authenticator-verification-security-question renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_your_Security_Question_security_question_qae4ks1ygweGSuDPk5d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with your Security Question
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_your_Security_Question_security_question_qae4ks1ygweGSuDPk5d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with your Security Question
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
-                      data-shrink="false"
-                      for="credentials.answer"
-                    >
-                      What is the food you least liked as a child?
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-21"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-22"
-                        data-se="credentials.answer"
-                        id="credentials.answer"
-                        name="credentials.answer"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
+                        data-shrink="false"
+                        for="credentials.answer"
+                      >
+                        What is the food you least liked as a child?
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-23"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd no-translate emotion-22"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.answer"
-                          aria-label="Show answer"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-24"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-23"
+                          data-se="credentials.answer"
+                          id="credentials.answer"
+                          name="credentials.answer"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-24"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-25"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.answer"
+                            aria-label="Show answer"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-25"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-26"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-30"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-select-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-select-authenticator.test.tsx.snap
index a87e84f7ad..2941c6213c 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-select-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-select-authenticator.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`authenticator-verification-select-authenticator renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,1711 +80,1715 @@ exports[`authenticator-verification-select-authenticator renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="select-authenticator-authenticate_Title_Verify_its_you_with_a_security_method_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Verify it's you with a security method
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="select-authenticator-authenticate_Title_Verify_its_you_with_a_security_method_1"
+                        tabindex="-1"
+                      >
+                        Verify it's you with a security method
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-1"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="select-authenticator-authenticate_Description_Select_from_the_following_options_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Select from the following options
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="select-authenticator-authenticate_Description_Select_from_the_following_options_2"
+                      >
+                        Select from the following options
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <ul
-                    class="MuiBox-root emotion-21"
-                    data-se="authenticator-verify-list"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <li
-                      class="MuiBox-root emotion-14"
+                    <ul
+                      class="MuiBox-root emotion-22"
+                      data-se="authenticator-verify-list"
                     >
-                      <button
-                        aria-describedby="okta_password_0-ctaLabel"
-                        aria-labelledby="okta_password_0-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_password_0-ctaLabel"
+                          aria-labelledby="okta_password_0-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-password authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_password_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-password authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_password_0"
+                              <svg
+                                aria-labelledby="okta_password_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Password
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_password_0"
+                                >
+                                  Password
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="okta_password_0-label"
-                          >
-                            Password
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="okta_password"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="okta_password_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="okta_password_0-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Password
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="okta_password"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="okta_password_0-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="webauthn_1-ctaLabel"
-                        aria-labelledby="webauthn_1-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="webauthn_1-ctaLabel"
+                          aria-labelledby="webauthn_1-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-webauthn authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="webauthn_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-webauthn authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="webauthn_1"
+                              <svg
+                                aria-labelledby="webauthn_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Key or Biometric Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="webauthn_1"
+                                >
+                                  Security Key or Biometric Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="webauthn_1-label"
-                          >
-                            Security Key or Biometric Authenticator
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="webauthn"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="webauthn_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="webauthn_1-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Security Key or Biometric Authenticator
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="webauthn"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="webauthn_1-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="okta_email_2-ctaLabel"
-                        aria-labelledby="okta_email_2-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_email_2-ctaLabel"
+                          aria-labelledby="okta_email_2-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-email authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_email_2"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-email authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_email_2"
+                              <svg
+                                aria-labelledby="okta_email_2"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Email Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_email_2"
+                                >
+                                  Email Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="okta_email_2-label"
-                          >
-                            Email
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="okta_email"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="okta_email_2-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="okta_email_2-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Email
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="okta_email"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="okta_email_2-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="phone_number_3-description phone_number_3-ctaLabel"
-                        aria-labelledby="phone_number_3-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_3-description phone_number_3-ctaLabel"
+                          aria-labelledby="phone_number_3-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_3"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_3"
+                              <svg
+                                aria-labelledby="phone_number_3"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_3"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="phone_number_3-label"
-                          >
-                            Phone
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-55"
-                            data-se="authenticator-button-description"
-                            id="phone_number_3-description"
-                          >
-                            +1 XXX-XXX-5309
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="phone_number_3-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="phone_number_3-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Phone
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-56"
+                              data-se="authenticator-button-description"
+                              id="phone_number_3-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              +1 XXX-XXX-5309
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="phone_number"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="phone_number_3-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="phone_number_4-description phone_number_4-ctaLabel"
-                        aria-labelledby="phone_number_4-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_4-description phone_number_4-ctaLabel"
+                          aria-labelledby="phone_number_4-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_4"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_4"
+                              <svg
+                                aria-labelledby="phone_number_4"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_4"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="phone_number_4-label"
-                          >
-                            Phone
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-55"
-                            data-se="authenticator-button-description"
-                            id="phone_number_4-description"
-                          >
-                            +1 XXX-XXX-5310
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="phone_number_4-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="phone_number_4-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Phone
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-56"
+                              data-se="authenticator-button-description"
+                              id="phone_number_4-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              +1 XXX-XXX-5310
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="phone_number"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="phone_number_4-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="security_question_5-ctaLabel"
-                        aria-labelledby="security_question_5-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="security_question_5-ctaLabel"
+                          aria-labelledby="security_question_5-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-security-question authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="security_question_5"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-security-question authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="security_question_5"
+                              <svg
+                                aria-labelledby="security_question_5"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Security Question
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="security_question_5"
+                                >
+                                  Security Question
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m24.25 39.123-4.615-3.433a21.799 21.799 0 0 1-8.827-16.259l-.329-5.738 12.84-4.534a2.818 2.818 0 0 1 1.862 0l12.84 4.534-.329 5.738a21.8 21.8 0 0 1-8.827 16.259l-4.615 3.433ZM11.521 14.387l.285 4.987a20.811 20.811 0 0 0 8.425 15.514l4.019 2.989 4.019-2.989a20.81 20.81 0 0 0 8.425-15.514l.285-4.987L24.848 10.1a1.792 1.792 0 0 0-1.2 0l-12.127 4.287Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M29.44 19.729a5.007 5.007 0 0 0-8.846-2.356 4.484 4.484 0 0 0-.827 4.385l.929-.367A3.48 3.48 0 0 1 21.369 18a4.027 4.027 0 1 1 5.244 5.972C25 25 23.5 26.252 23.5 28.528h1c0-1.691 1.058-2.7 2.646-3.707a5.067 5.067 0 0 0 2.294-5.092Zm-5.454 12.246a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="security_question_5-label"
-                          >
-                            Security Question
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="security_question"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="security_question_5-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="security_question_5-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Security Question
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="security_question"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="security_question_5-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="okta_verify_6-description okta_verify_6-ctaLabel"
-                        aria-labelledby="okta_verify_6-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_verify_6-description okta_verify_6-ctaLabel"
+                          aria-labelledby="okta_verify_6-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-verify authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_verify_6"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-verify authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_verify_6"
+                              <svg
+                                aria-labelledby="okta_verify_6"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Okta Verify
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                                fill="#00297A"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_verify_6"
+                                >
+                                  Okta Verify
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                                  fill="#00297A"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="okta_verify_6-label"
-                          >
-                            Use Okta FastPass
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-55"
-                            data-se="authenticator-button-description"
-                            id="okta_verify_6-description"
-                          >
-                            Okta Verify
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="okta_verify-signed_nonce"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="okta_verify_6-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="okta_verify_6-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Use Okta FastPass
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text emotion-56"
+                              data-se="authenticator-button-description"
+                              id="okta_verify_6-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Okta Verify
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="okta_verify-signed_nonce"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="okta_verify_6-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="google_otp_7-ctaLabel"
-                        aria-labelledby="google_otp_7-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="google_otp_7-ctaLabel"
+                          aria-labelledby="google_otp_7-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-google-auth authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="google_otp_7"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-google-auth authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="google_otp_7"
+                              <svg
+                                aria-labelledby="google_otp_7"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Google Authenticator
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
-                                fill="#1A73E7"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
-                                fill="#FABB04"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
-                                fill="#34A753"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
-                                fill="#E94335"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
-                                fill="#174EA5"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="google_otp_7"
+                                >
+                                  Google Authenticator
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M39.5 26.9545C41.1569 26.9545 42.5 25.6113 42.5 23.9545C42.5 22.2976 41.1569 20.9545 39.5 20.9545H28.6963L34.0982 11.5981C34.9266 10.1632 34.435 8.32845 33.0001 7.50002C31.5652 6.67159 29.7304 7.16322 28.902 8.5981L18.304 26.9545H39.5Z"
+                                  fill="#1A73E7"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.0981 8.5981C17.2697 7.16322 15.4349 6.67159 14 7.50002C12.5651 8.32845 12.0735 10.1632 12.9019 11.5981L18.3039 20.9545H21.7681L23.5001 17.9546L18.0981 8.5981Z"
+                                  fill="#FABB04"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M21.768 20.9545H7.5C5.84315 20.9545 4.5 22.2976 4.5 23.9545C4.5 25.6114 5.84315 26.9545 7.5 26.9545H18.3039L21.768 20.9545Z"
+                                  fill="#34A753"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M18.304 26.9545L12.9021 36.3109C12.0736 37.7458 12.5653 39.5806 14.0001 40.409C15.435 41.2374 17.2698 40.7458 18.0982 39.3109L23.5001 29.9546L28.902 39.3109C29.7304 40.7458 31.5652 41.2374 33 40.409C34.4349 39.5805 34.9265 37.7458 34.0981 36.3109L28.6962 26.9545H18.304Z"
+                                  fill="#E94335"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M23.5001 17.9546L28.6962 26.9545H18.304L23.5001 17.9546Z"
+                                  fill="#174EA5"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="google_otp_7-label"
-                          >
-                            Google Authenticator
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="google_otp"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="google_otp_7-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="google_otp_7-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Google Authenticator
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="google_otp"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="google_otp_7-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="onprem_mfa_8-ctaLabel"
-                        aria-labelledby="onprem_mfa_8-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="onprem_mfa_8-ctaLabel"
+                          aria-labelledby="onprem_mfa_8-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-onprem authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="onprem_mfa_8"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-onprem authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="onprem_mfa_8"
+                              <svg
+                                aria-labelledby="onprem_mfa_8"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Enter a single-use code from a hardware token.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M39 20h-8v-3H16.5a7.5 7.5 0 0 0 0 15H31v-3h8v-9Zm-9 11H16.5a6.5 6.5 0 1 1 0-13H30v13Zm8-3h-7v-7h7v7Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M15.5 28a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm0-6a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="onprem_mfa_8"
+                                >
+                                  Enter a single-use code from a hardware token.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M39 20h-8v-3H16.5a7.5 7.5 0 0 0 0 15H31v-3h8v-9Zm-9 11H16.5a6.5 6.5 0 1 1 0-13H30v13Zm8-3h-7v-7h7v7Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M15.5 28a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7Zm0-6a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="onprem_mfa_8-label"
-                          >
-                            Atko Custom On-prem
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="onprem_mfa"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="onprem_mfa_8-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="onprem_mfa_8-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Atko Custom On-prem
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="onprem_mfa"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="onprem_mfa_8-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="rsa_token_9-ctaLabel"
-                        aria-labelledby="rsa_token_9-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="rsa_token_9-ctaLabel"
+                          aria-labelledby="rsa_token_9-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-rsa authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="rsa_token_9"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-rsa authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="rsa_token_9"
+                              <svg
+                                aria-labelledby="rsa_token_9"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                RSA SecurID
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                d="M26.5875 22.9472C26.2842 22.7225 26.009 22.5148 25.7788 22.2115H18.3937L18.287 22.2059C16.9953 22.1104 15.99 21.0209 15.99 19.7292C15.99 18.3589 17.1076 17.2413 18.4779 17.2413L18.9609 17.2581L18.9665 16.8594C18.989 15.7193 19.9268 14.8039 21.0557 14.8039C21.4993 14.8039 21.9205 14.9387 22.28 15.197L22.6731 15.4834L22.8697 15.0398C23.4144 13.8155 24.6331 13.0292 25.9697 13.0292C27.5928 13.0292 28.9519 14.1749 29.2888 15.7025C29.5752 15.7249 29.8504 15.7699 30.1144 15.8485C29.8336 13.8099 28.0814 12.2374 25.9697 12.2374C24.4702 12.2374 23.0943 13.0405 22.3474 14.3209C21.9486 14.1187 21.505 14.012 21.0501 14.012C19.618 14.012 18.4105 15.0791 18.1971 16.4606C16.5123 16.601 15.1869 18.0107 15.1869 19.7292C15.1869 21.3129 16.3326 22.6608 17.8545 22.9528H26.5875V22.9472Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M31.9284 18.8306C31.8666 18.6397 31.788 18.4543 31.6981 18.2802C31.6925 18.269 31.6869 18.2578 31.6813 18.2465L28.7385 21.1725L27.2109 19.6899C27.0536 19.5382 27.0536 19.2855 27.2053 19.1283C27.3569 18.971 27.6096 18.971 27.7669 19.1226L28.7272 20.0605L31.1983 17.6063C31.1871 17.5951 31.1758 17.5838 31.1702 17.5726C31.1646 17.567 31.159 17.5614 31.1477 17.5558C30.5918 17.011 29.8336 16.674 28.9968 16.674C27.3007 16.674 25.9248 18.05 25.9248 19.746C25.9248 21.4421 27.3007 22.818 28.9968 22.818C30.1649 22.818 31.1758 22.1665 31.6981 21.2118C31.7936 21.0377 31.8722 20.8524 31.9284 20.6614C31.9901 20.4705 32.0295 20.2683 32.0519 20.0605C32.0632 19.9594 32.0688 19.8527 32.0688 19.746C32.0688 19.6393 32.0632 19.5326 32.0519 19.4315C32.0295 19.2237 31.9901 19.0216 31.9284 18.8306Z"
-                                fill="#00B9E4"
-                              />
-                              <path
-                                d="M7.54547 29.9486C7.62971 30.1059 7.73642 30.2351 7.8712 30.3305C8.00599 30.426 8.16324 30.499 8.34857 30.5496C8.5339 30.5945 8.71923 30.6226 8.91579 30.6226C9.05058 30.6226 9.19098 30.6113 9.34261 30.5889C9.49424 30.5664 9.63465 30.5271 9.76943 30.4597C9.90422 30.3979 10.0109 30.3081 10.1008 30.2014C10.1906 30.089 10.2356 29.9486 10.2356 29.7802C10.2356 29.5948 10.1794 29.4488 10.0615 29.3365C9.94353 29.2242 9.7919 29.1287 9.60095 29.0557C9.41 28.9827 9.19659 28.9153 8.96072 28.8591C8.71923 28.803 8.47774 28.7412 8.23063 28.6682C7.97791 28.6064 7.7308 28.5278 7.49493 28.4379C7.25344 28.3481 7.04003 28.2301 6.8547 28.0841C6.66375 27.9381 6.51212 27.7584 6.39418 27.5394C6.27624 27.3203 6.22008 27.0564 6.22008 26.7475C6.22008 26.3993 6.29309 26.1016 6.44472 25.8433C6.59636 25.585 6.78731 25.3772 7.0288 25.2031C7.27029 25.0346 7.53986 24.9054 7.84312 24.8268C8.14639 24.7426 8.44966 24.7032 8.75292 24.7032C9.10674 24.7032 9.4437 24.7426 9.76943 24.8212C10.0952 24.8998 10.3816 25.029 10.6343 25.2031C10.887 25.3772 11.0892 25.6074 11.2352 25.877C11.3812 26.1522 11.4599 26.4835 11.4599 26.8767H10.0222C10.0109 26.6745 9.96599 26.506 9.89299 26.3768C9.81998 26.242 9.7245 26.141 9.60657 26.0623C9.48863 25.9893 9.34823 25.9332 9.19659 25.8995C9.04496 25.8658 8.87648 25.8545 8.69115 25.8545C8.57321 25.8545 8.44966 25.8658 8.33172 25.8939C8.21378 25.9163 8.10146 25.9612 8.00599 26.0286C7.91052 26.0904 7.82627 26.169 7.7645 26.2645C7.70272 26.36 7.66903 26.4779 7.66903 26.6239C7.66903 26.7587 7.69149 26.8654 7.74203 26.9441C7.79258 27.0283 7.89367 27.1013 8.03969 27.1687C8.1857 27.2361 8.3935 27.3091 8.65184 27.3765C8.91579 27.4439 9.25275 27.5337 9.67957 27.6404C9.80313 27.6629 9.98284 27.7135 10.2019 27.7752C10.4265 27.8426 10.6455 27.9493 10.8702 28.0897C11.0892 28.2357 11.2802 28.4267 11.443 28.6738C11.6059 28.9153 11.6845 29.2242 11.6845 29.6061C11.6845 29.915 11.6227 30.2014 11.5048 30.4653C11.3869 30.7293 11.2071 30.9595 10.9713 31.1505C10.7354 31.3414 10.4434 31.4931 10.0895 31.5998C9.74135 31.7065 9.337 31.7626 8.87648 31.7626C8.50582 31.7626 8.14639 31.7177 7.79258 31.6278C7.44438 31.538 7.1355 31.392 6.86593 31.1954C6.59636 30.9988 6.38295 30.7517 6.2257 30.4485C6.06845 30.1452 5.98982 29.7858 6.00106 29.3702H7.43877C7.42754 29.6005 7.46685 29.7914 7.54547 29.9486Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M13.8411 30.4372C14.0432 30.6338 14.3353 30.7293 14.7116 30.7293C14.9811 30.7293 15.217 30.6619 15.4136 30.5271C15.6101 30.3923 15.7281 30.2463 15.773 30.0947H16.9524C16.7614 30.6787 16.475 31.0999 16.0819 31.3527C15.6888 31.6054 15.217 31.7289 14.6666 31.7289C14.2847 31.7289 13.9365 31.6672 13.6277 31.5436C13.3188 31.4201 13.0548 31.246 12.8414 31.0213C12.628 30.7967 12.4595 30.5215 12.3472 30.207C12.2293 29.8925 12.1731 29.5443 12.1731 29.168C12.1731 28.803 12.2349 28.4604 12.3528 28.1459C12.4707 27.8314 12.6448 27.5562 12.8639 27.3259C13.0829 27.0957 13.3469 26.916 13.6557 26.7812C13.959 26.6464 14.3016 26.5846 14.6722 26.5846C15.0878 26.5846 15.4529 26.6632 15.7618 26.8261C16.0706 26.989 16.3234 27.2024 16.5255 27.472C16.7221 27.7415 16.8681 28.0504 16.958 28.3986C17.0478 28.7468 17.0759 29.1062 17.0535 29.4881H13.5266C13.5322 29.9262 13.6389 30.2463 13.8411 30.4372ZM15.363 27.8651C15.2002 27.691 14.9587 27.6011 14.6329 27.6011C14.4195 27.6011 14.2398 27.6348 14.0994 27.7078C13.959 27.7808 13.8467 27.8707 13.7568 27.9774C13.6726 28.0841 13.6108 28.1964 13.5771 28.32C13.5434 28.4379 13.521 28.5446 13.5153 28.6401H15.7C15.6326 28.3031 15.5203 28.0448 15.363 27.8651Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M20.1648 27.6011C19.9514 27.6011 19.7717 27.6517 19.6257 27.7472C19.4796 27.8426 19.3617 27.9718 19.2718 28.1234C19.182 28.2807 19.1146 28.4492 19.0753 28.6345C19.036 28.8198 19.0191 29.0051 19.0191 29.1849C19.0191 29.359 19.036 29.5387 19.0753 29.724C19.1146 29.9093 19.1764 30.0722 19.2606 30.2182C19.3449 30.3642 19.4628 30.4878 19.6032 30.5833C19.7492 30.6787 19.9233 30.7237 20.1311 30.7237C20.4512 30.7237 20.6983 30.6338 20.8724 30.4541C21.0465 30.2744 21.1532 30.0329 21.1981 29.7296H22.4955C22.4056 30.3811 22.1529 30.8753 21.7373 31.2123C21.3217 31.5548 20.7882 31.7233 20.1423 31.7233C19.7773 31.7233 19.4403 31.6615 19.1371 31.538C18.8338 31.4144 18.5698 31.246 18.3564 31.0213C18.143 30.8023 17.9745 30.5383 17.8566 30.2294C17.7387 29.9262 17.6769 29.5892 17.6769 29.2242C17.6769 28.8479 17.733 28.4941 17.8397 28.1684C17.9521 27.8426 18.1149 27.5618 18.3283 27.3259C18.5418 27.0901 18.8057 26.9047 19.1146 26.7756C19.4235 26.6408 19.7773 26.579 20.176 26.579C20.4681 26.579 20.7432 26.6183 21.0128 26.6913C21.2824 26.7643 21.5183 26.8823 21.7317 27.0339C21.9451 27.1912 22.1136 27.3821 22.2484 27.6124C22.3831 27.8426 22.4561 28.1122 22.473 28.4323H21.1588C21.069 27.8819 20.7432 27.6011 20.1648 27.6011Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M26.567 31.611V30.9315H26.5389C26.3705 31.2123 26.1458 31.4201 25.8762 31.5436C25.6067 31.6672 25.3259 31.7346 25.0451 31.7346C24.6856 31.7346 24.3936 31.6896 24.1633 31.5942C23.9331 31.4987 23.7534 31.3639 23.6186 31.1898C23.4838 31.0157 23.3939 30.8079 23.3378 30.5552C23.2816 30.3081 23.2592 30.0329 23.2592 29.7296V26.725H24.6014V29.4825C24.6014 29.8869 24.6632 30.1845 24.7923 30.3867C24.9159 30.5833 25.1405 30.6844 25.4607 30.6844C25.8257 30.6844 26.0896 30.5777 26.2525 30.3586C26.4154 30.1396 26.4996 29.7858 26.4996 29.286V26.725H27.8419V31.611H26.567Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M30.1389 26.725V27.6348H30.1557C30.2175 27.4832 30.3017 27.3428 30.4084 27.2136C30.5151 27.0845 30.6387 26.9721 30.7791 26.8823C30.9195 26.7924 31.0655 26.7194 31.2228 26.6689C31.38 26.6183 31.5429 26.5959 31.717 26.5959C31.8068 26.5959 31.9023 26.6127 32.009 26.6408V27.8875C31.9472 27.8763 31.8686 27.8651 31.7844 27.8539C31.6945 27.8426 31.6103 27.837 31.5316 27.837C31.2845 27.837 31.0767 27.8763 30.9083 27.9606C30.7398 28.0448 30.5994 28.1571 30.4983 28.2975C30.3916 28.4379 30.3186 28.6064 30.2736 28.7917C30.2287 28.9827 30.2063 29.1849 30.2063 29.4039V31.6054H28.864V26.7194H30.1389V26.725Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M34.1656 24.8605V31.611H32.683V24.8605H34.1656Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M38.3832 24.8605C38.8157 24.8605 39.2256 24.9279 39.5963 25.0683C39.9726 25.2087 40.2983 25.4165 40.5679 25.6917C40.8431 25.9669 41.0565 26.3151 41.2081 26.7307C41.3598 27.1462 41.4384 27.6348 41.4384 28.1964C41.4384 28.6907 41.3766 29.1399 41.2474 29.5555C41.1239 29.9711 40.9329 30.3305 40.6746 30.6338C40.4219 30.9371 40.1018 31.173 39.7199 31.3471C39.338 31.5212 38.8887 31.6054 38.372 31.6054H35.4629V24.8605H38.3832ZM38.2765 30.3642C38.4899 30.3642 38.6977 30.3305 38.8999 30.2575C39.1021 30.1901 39.2818 30.0722 39.4391 29.915C39.5963 29.7521 39.7255 29.5443 39.8153 29.286C39.9108 29.0276 39.9557 28.7131 39.9557 28.3425C39.9557 27.9999 39.922 27.6966 39.8546 27.4214C39.7873 27.1462 39.6806 26.9104 39.5289 26.7194C39.3773 26.5229 39.1751 26.3768 38.928 26.2701C38.6809 26.1634 38.372 26.1129 38.007 26.1129H36.9455V30.3642H38.2765Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M40.6465 25.0121V24.9335H41.2137V25.0121H40.9778V25.6411H40.8824V25.0121H40.6465Z"
-                                fill="black"
-                              />
-                              <path
-                                d="M41.4215 24.9335L41.6462 25.5288L41.8708 24.9335H42V25.6411H41.9101V25.0514L41.6911 25.6411H41.6125L41.3934 25.0514V25.6411H41.3036V24.9335H41.4215Z"
-                                fill="black"
-                              />
-                            </svg>
+                                <title
+                                  id="rsa_token_9"
+                                >
+                                  RSA SecurID
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  d="M26.5875 22.9472C26.2842 22.7225 26.009 22.5148 25.7788 22.2115H18.3937L18.287 22.2059C16.9953 22.1104 15.99 21.0209 15.99 19.7292C15.99 18.3589 17.1076 17.2413 18.4779 17.2413L18.9609 17.2581L18.9665 16.8594C18.989 15.7193 19.9268 14.8039 21.0557 14.8039C21.4993 14.8039 21.9205 14.9387 22.28 15.197L22.6731 15.4834L22.8697 15.0398C23.4144 13.8155 24.6331 13.0292 25.9697 13.0292C27.5928 13.0292 28.9519 14.1749 29.2888 15.7025C29.5752 15.7249 29.8504 15.7699 30.1144 15.8485C29.8336 13.8099 28.0814 12.2374 25.9697 12.2374C24.4702 12.2374 23.0943 13.0405 22.3474 14.3209C21.9486 14.1187 21.505 14.012 21.0501 14.012C19.618 14.012 18.4105 15.0791 18.1971 16.4606C16.5123 16.601 15.1869 18.0107 15.1869 19.7292C15.1869 21.3129 16.3326 22.6608 17.8545 22.9528H26.5875V22.9472Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M31.9284 18.8306C31.8666 18.6397 31.788 18.4543 31.6981 18.2802C31.6925 18.269 31.6869 18.2578 31.6813 18.2465L28.7385 21.1725L27.2109 19.6899C27.0536 19.5382 27.0536 19.2855 27.2053 19.1283C27.3569 18.971 27.6096 18.971 27.7669 19.1226L28.7272 20.0605L31.1983 17.6063C31.1871 17.5951 31.1758 17.5838 31.1702 17.5726C31.1646 17.567 31.159 17.5614 31.1477 17.5558C30.5918 17.011 29.8336 16.674 28.9968 16.674C27.3007 16.674 25.9248 18.05 25.9248 19.746C25.9248 21.4421 27.3007 22.818 28.9968 22.818C30.1649 22.818 31.1758 22.1665 31.6981 21.2118C31.7936 21.0377 31.8722 20.8524 31.9284 20.6614C31.9901 20.4705 32.0295 20.2683 32.0519 20.0605C32.0632 19.9594 32.0688 19.8527 32.0688 19.746C32.0688 19.6393 32.0632 19.5326 32.0519 19.4315C32.0295 19.2237 31.9901 19.0216 31.9284 18.8306Z"
+                                  fill="#00B9E4"
+                                />
+                                <path
+                                  d="M7.54547 29.9486C7.62971 30.1059 7.73642 30.2351 7.8712 30.3305C8.00599 30.426 8.16324 30.499 8.34857 30.5496C8.5339 30.5945 8.71923 30.6226 8.91579 30.6226C9.05058 30.6226 9.19098 30.6113 9.34261 30.5889C9.49424 30.5664 9.63465 30.5271 9.76943 30.4597C9.90422 30.3979 10.0109 30.3081 10.1008 30.2014C10.1906 30.089 10.2356 29.9486 10.2356 29.7802C10.2356 29.5948 10.1794 29.4488 10.0615 29.3365C9.94353 29.2242 9.7919 29.1287 9.60095 29.0557C9.41 28.9827 9.19659 28.9153 8.96072 28.8591C8.71923 28.803 8.47774 28.7412 8.23063 28.6682C7.97791 28.6064 7.7308 28.5278 7.49493 28.4379C7.25344 28.3481 7.04003 28.2301 6.8547 28.0841C6.66375 27.9381 6.51212 27.7584 6.39418 27.5394C6.27624 27.3203 6.22008 27.0564 6.22008 26.7475C6.22008 26.3993 6.29309 26.1016 6.44472 25.8433C6.59636 25.585 6.78731 25.3772 7.0288 25.2031C7.27029 25.0346 7.53986 24.9054 7.84312 24.8268C8.14639 24.7426 8.44966 24.7032 8.75292 24.7032C9.10674 24.7032 9.4437 24.7426 9.76943 24.8212C10.0952 24.8998 10.3816 25.029 10.6343 25.2031C10.887 25.3772 11.0892 25.6074 11.2352 25.877C11.3812 26.1522 11.4599 26.4835 11.4599 26.8767H10.0222C10.0109 26.6745 9.96599 26.506 9.89299 26.3768C9.81998 26.242 9.7245 26.141 9.60657 26.0623C9.48863 25.9893 9.34823 25.9332 9.19659 25.8995C9.04496 25.8658 8.87648 25.8545 8.69115 25.8545C8.57321 25.8545 8.44966 25.8658 8.33172 25.8939C8.21378 25.9163 8.10146 25.9612 8.00599 26.0286C7.91052 26.0904 7.82627 26.169 7.7645 26.2645C7.70272 26.36 7.66903 26.4779 7.66903 26.6239C7.66903 26.7587 7.69149 26.8654 7.74203 26.9441C7.79258 27.0283 7.89367 27.1013 8.03969 27.1687C8.1857 27.2361 8.3935 27.3091 8.65184 27.3765C8.91579 27.4439 9.25275 27.5337 9.67957 27.6404C9.80313 27.6629 9.98284 27.7135 10.2019 27.7752C10.4265 27.8426 10.6455 27.9493 10.8702 28.0897C11.0892 28.2357 11.2802 28.4267 11.443 28.6738C11.6059 28.9153 11.6845 29.2242 11.6845 29.6061C11.6845 29.915 11.6227 30.2014 11.5048 30.4653C11.3869 30.7293 11.2071 30.9595 10.9713 31.1505C10.7354 31.3414 10.4434 31.4931 10.0895 31.5998C9.74135 31.7065 9.337 31.7626 8.87648 31.7626C8.50582 31.7626 8.14639 31.7177 7.79258 31.6278C7.44438 31.538 7.1355 31.392 6.86593 31.1954C6.59636 30.9988 6.38295 30.7517 6.2257 30.4485C6.06845 30.1452 5.98982 29.7858 6.00106 29.3702H7.43877C7.42754 29.6005 7.46685 29.7914 7.54547 29.9486Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M13.8411 30.4372C14.0432 30.6338 14.3353 30.7293 14.7116 30.7293C14.9811 30.7293 15.217 30.6619 15.4136 30.5271C15.6101 30.3923 15.7281 30.2463 15.773 30.0947H16.9524C16.7614 30.6787 16.475 31.0999 16.0819 31.3527C15.6888 31.6054 15.217 31.7289 14.6666 31.7289C14.2847 31.7289 13.9365 31.6672 13.6277 31.5436C13.3188 31.4201 13.0548 31.246 12.8414 31.0213C12.628 30.7967 12.4595 30.5215 12.3472 30.207C12.2293 29.8925 12.1731 29.5443 12.1731 29.168C12.1731 28.803 12.2349 28.4604 12.3528 28.1459C12.4707 27.8314 12.6448 27.5562 12.8639 27.3259C13.0829 27.0957 13.3469 26.916 13.6557 26.7812C13.959 26.6464 14.3016 26.5846 14.6722 26.5846C15.0878 26.5846 15.4529 26.6632 15.7618 26.8261C16.0706 26.989 16.3234 27.2024 16.5255 27.472C16.7221 27.7415 16.8681 28.0504 16.958 28.3986C17.0478 28.7468 17.0759 29.1062 17.0535 29.4881H13.5266C13.5322 29.9262 13.6389 30.2463 13.8411 30.4372ZM15.363 27.8651C15.2002 27.691 14.9587 27.6011 14.6329 27.6011C14.4195 27.6011 14.2398 27.6348 14.0994 27.7078C13.959 27.7808 13.8467 27.8707 13.7568 27.9774C13.6726 28.0841 13.6108 28.1964 13.5771 28.32C13.5434 28.4379 13.521 28.5446 13.5153 28.6401H15.7C15.6326 28.3031 15.5203 28.0448 15.363 27.8651Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M20.1648 27.6011C19.9514 27.6011 19.7717 27.6517 19.6257 27.7472C19.4796 27.8426 19.3617 27.9718 19.2718 28.1234C19.182 28.2807 19.1146 28.4492 19.0753 28.6345C19.036 28.8198 19.0191 29.0051 19.0191 29.1849C19.0191 29.359 19.036 29.5387 19.0753 29.724C19.1146 29.9093 19.1764 30.0722 19.2606 30.2182C19.3449 30.3642 19.4628 30.4878 19.6032 30.5833C19.7492 30.6787 19.9233 30.7237 20.1311 30.7237C20.4512 30.7237 20.6983 30.6338 20.8724 30.4541C21.0465 30.2744 21.1532 30.0329 21.1981 29.7296H22.4955C22.4056 30.3811 22.1529 30.8753 21.7373 31.2123C21.3217 31.5548 20.7882 31.7233 20.1423 31.7233C19.7773 31.7233 19.4403 31.6615 19.1371 31.538C18.8338 31.4144 18.5698 31.246 18.3564 31.0213C18.143 30.8023 17.9745 30.5383 17.8566 30.2294C17.7387 29.9262 17.6769 29.5892 17.6769 29.2242C17.6769 28.8479 17.733 28.4941 17.8397 28.1684C17.9521 27.8426 18.1149 27.5618 18.3283 27.3259C18.5418 27.0901 18.8057 26.9047 19.1146 26.7756C19.4235 26.6408 19.7773 26.579 20.176 26.579C20.4681 26.579 20.7432 26.6183 21.0128 26.6913C21.2824 26.7643 21.5183 26.8823 21.7317 27.0339C21.9451 27.1912 22.1136 27.3821 22.2484 27.6124C22.3831 27.8426 22.4561 28.1122 22.473 28.4323H21.1588C21.069 27.8819 20.7432 27.6011 20.1648 27.6011Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M26.567 31.611V30.9315H26.5389C26.3705 31.2123 26.1458 31.4201 25.8762 31.5436C25.6067 31.6672 25.3259 31.7346 25.0451 31.7346C24.6856 31.7346 24.3936 31.6896 24.1633 31.5942C23.9331 31.4987 23.7534 31.3639 23.6186 31.1898C23.4838 31.0157 23.3939 30.8079 23.3378 30.5552C23.2816 30.3081 23.2592 30.0329 23.2592 29.7296V26.725H24.6014V29.4825C24.6014 29.8869 24.6632 30.1845 24.7923 30.3867C24.9159 30.5833 25.1405 30.6844 25.4607 30.6844C25.8257 30.6844 26.0896 30.5777 26.2525 30.3586C26.4154 30.1396 26.4996 29.7858 26.4996 29.286V26.725H27.8419V31.611H26.567Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M30.1389 26.725V27.6348H30.1557C30.2175 27.4832 30.3017 27.3428 30.4084 27.2136C30.5151 27.0845 30.6387 26.9721 30.7791 26.8823C30.9195 26.7924 31.0655 26.7194 31.2228 26.6689C31.38 26.6183 31.5429 26.5959 31.717 26.5959C31.8068 26.5959 31.9023 26.6127 32.009 26.6408V27.8875C31.9472 27.8763 31.8686 27.8651 31.7844 27.8539C31.6945 27.8426 31.6103 27.837 31.5316 27.837C31.2845 27.837 31.0767 27.8763 30.9083 27.9606C30.7398 28.0448 30.5994 28.1571 30.4983 28.2975C30.3916 28.4379 30.3186 28.6064 30.2736 28.7917C30.2287 28.9827 30.2063 29.1849 30.2063 29.4039V31.6054H28.864V26.7194H30.1389V26.725Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M34.1656 24.8605V31.611H32.683V24.8605H34.1656Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M38.3832 24.8605C38.8157 24.8605 39.2256 24.9279 39.5963 25.0683C39.9726 25.2087 40.2983 25.4165 40.5679 25.6917C40.8431 25.9669 41.0565 26.3151 41.2081 26.7307C41.3598 27.1462 41.4384 27.6348 41.4384 28.1964C41.4384 28.6907 41.3766 29.1399 41.2474 29.5555C41.1239 29.9711 40.9329 30.3305 40.6746 30.6338C40.4219 30.9371 40.1018 31.173 39.7199 31.3471C39.338 31.5212 38.8887 31.6054 38.372 31.6054H35.4629V24.8605H38.3832ZM38.2765 30.3642C38.4899 30.3642 38.6977 30.3305 38.8999 30.2575C39.1021 30.1901 39.2818 30.0722 39.4391 29.915C39.5963 29.7521 39.7255 29.5443 39.8153 29.286C39.9108 29.0276 39.9557 28.7131 39.9557 28.3425C39.9557 27.9999 39.922 27.6966 39.8546 27.4214C39.7873 27.1462 39.6806 26.9104 39.5289 26.7194C39.3773 26.5229 39.1751 26.3768 38.928 26.2701C38.6809 26.1634 38.372 26.1129 38.007 26.1129H36.9455V30.3642H38.2765Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M40.6465 25.0121V24.9335H41.2137V25.0121H40.9778V25.6411H40.8824V25.0121H40.6465Z"
+                                  fill="black"
+                                />
+                                <path
+                                  d="M41.4215 24.9335L41.6462 25.5288L41.8708 24.9335H42V25.6411H41.9101V25.0514L41.6911 25.6411H41.6125L41.3934 25.0514V25.6411H41.3036V24.9335H41.4215Z"
+                                  fill="black"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="rsa_token_9-label"
-                          >
-                            RSA SecurID
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="rsa_token"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="rsa_token_9-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="rsa_token_9-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              RSA SecurID
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="rsa_token"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="rsa_token_9-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="duo_10-ctaLabel"
-                        aria-labelledby="duo_10-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="duo_10-ctaLabel"
+                          aria-labelledby="duo_10-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-duo authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="duo_10"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-duo authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="duo_10"
+                              <svg
+                                aria-labelledby="duo_10"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Duo Security
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                clip-rule="evenodd"
-                                d="M10.632 17H4v6.13h13.25c-.197-3.418-3.085-6.13-6.618-6.13Zm7.242 0v6.506c0 3.466 2.766 6.3 6.25 6.494V17h-6.25Zm13.886 6.13c.2-3.418 3.087-6.13 6.62-6.13s6.42 2.712 6.62 6.13H31.76Zm-6.873 6.859h6.238v-6.114a6.32 6.32 0 0 0 .012-.375V17h-6.25v12.989Zm-14.255.01H4v-6.124h13.25C17.054 27.291 14.166 30 10.633 30ZM38.38 30c-3.533 0-6.42-2.709-6.62-6.125H45C44.801 27.291 41.913 30 38.38 30Z"
-                                fill="#77AF54"
-                                fill-rule="evenodd"
-                              />
-                            </svg>
+                                <title
+                                  id="duo_10"
+                                >
+                                  Duo Security
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M10.632 17H4v6.13h13.25c-.197-3.418-3.085-6.13-6.618-6.13Zm7.242 0v6.506c0 3.466 2.766 6.3 6.25 6.494V17h-6.25Zm13.886 6.13c.2-3.418 3.087-6.13 6.62-6.13s6.42 2.712 6.62 6.13H31.76Zm-6.873 6.859h6.238v-6.114a6.32 6.32 0 0 0 .012-.375V17h-6.25v12.989Zm-14.255.01H4v-6.124h13.25C17.054 27.291 14.166 30 10.633 30ZM38.38 30c-3.533 0-6.42-2.709-6.62-6.125H45C44.801 27.291 41.913 30 38.38 30Z"
+                                  fill="#77AF54"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="duo_10-label"
-                          >
-                            Duo Security
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="duo"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="duo_10-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="duo_10-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Duo Security
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="duo"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="duo_10-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="external_idp_11-ctaLabel"
-                        aria-labelledby="external_idp_11-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="external_idp_11-ctaLabel"
+                          aria-labelledby="external_idp_11-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-custom-factor authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="external_idp_11"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-custom-factor authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="external_idp_11"
+                              <svg
+                                aria-labelledby="external_idp_11"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Redirect to a third party MFA provider to sign in.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M15 29.5a5 5 0 1 1 4.78-6.5h1.03a6 6 0 1 0 0 3h-1.03A5.013 5.013 0 0 1 15 29.5Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M27.5 36a11.433 11.433 0 0 1-6.61-2.088l-.186-.134.592-.806.17.123a10.5 10.5 0 1 0-.166-17.066l-.592-.806A11.5 11.5 0 1 1 27.5 36Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m29.354 19.646-.708.708L32.293 24H14.707l1.647-1.646-.708-.708-2.853 2.854 2.853 2.854.708-.708L14.707 25h17.586l-3.647 3.646.708.708 4.853-4.854-4.853-4.854Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="external_idp_11"
+                                >
+                                  Redirect to a third party MFA provider to sign in.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M15 29.5a5 5 0 1 1 4.78-6.5h1.03a6 6 0 1 0 0 3h-1.03A5.013 5.013 0 0 1 15 29.5Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M27.5 36a11.433 11.433 0 0 1-6.61-2.088l-.186-.134.592-.806.17.123a10.5 10.5 0 1 0-.166-17.066l-.592-.806A11.5 11.5 0 1 1 27.5 36Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m29.354 19.646-.708.708L32.293 24H14.707l1.647-1.646-.708-.708-2.853 2.854 2.853 2.854.708-.708L14.707 25h17.586l-3.647 3.646.708.708 4.853-4.854-4.853-4.854Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="external_idp_11-label"
-                          >
-                            IDP Authenticator
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="external_idp"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="external_idp_11-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="external_idp_11-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              IDP Authenticator
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="external_idp"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="external_idp_11-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="custom_otp_12-ctaLabel"
-                        aria-labelledby="custom_otp_12-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="custom_otp_12-ctaLabel"
+                          aria-labelledby="custom_otp_12-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-hotp authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="custom_otp_12"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-hotp authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="custom_otp_12"
+                              <svg
+                                aria-labelledby="custom_otp_12"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Enter a single-use code from an authenticator.
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M28 23h-6v-6h1v5h5v1Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="custom_otp_12"
+                                >
+                                  Enter a single-use code from an authenticator.
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M28 23h-6v-6h1v5h5v1Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m29.39 14.32 1.46-1.47-.7-.7-1.6 1.59A11.323 11.323 0 0 0 23 12.03V10h2V9h-5v1h2v2.03c-1.967.078-3.88.667-5.55 1.71l-1.6-1.59-.7.7 1.46 1.47A11.459 11.459 0 0 0 13.79 31h1.37a10.5 10.5 0 1 1 14.68 0h1.37a11.459 11.459 0 0 0-1.82-16.68Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="m21.257 33.929-.514-.858L19 34.117V32h-1v2.117l-1.743-1.046-.514.858L17.528 35l-1.785 1.071.514.858L18 35.883V38h1v-2.117l1.743 1.046.514-.858L19.472 35l1.785-1.071Zm8 0-.514-.858L27 34.117V32h-1v2.117l-1.743-1.046-.514.858L25.528 35l-1.785 1.071.514.858L26 35.883V38h1v-2.117l1.743 1.046.514-.858L27.472 35l1.785-1.071Zm8 0-.514-.858L35 34.117V32h-1v2.117l-1.743-1.046-.514.858L33.528 35l-1.785 1.071.514.858L34 35.883V38h1v-2.117l1.743 1.046.514-.858L35.472 35l1.785-1.071Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="custom_otp_12-label"
-                          >
-                            Atko Custom OTP Authenticator
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="custom_otp"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="custom_otp_12-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="custom_otp_12-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Atko Custom OTP Authenticator
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="custom_otp"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="custom_otp_12-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="symantec_vip_13-ctaLabel"
-                        aria-labelledby="symantec_vip_13-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="symantec_vip_13-ctaLabel"
+                          aria-labelledby="symantec_vip_13-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-symantec authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="symantec_vip_13"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-symantec authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="symantec_vip_13"
+                              <svg
+                                aria-labelledby="symantec_vip_13"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Symantec VIP
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <path
-                                d="M40.92 5v1.046H42V5h-1.08Zm0 2.092v1.046H42V7.092h-1.08Zm-3.243 1.046v1.047h1.08V8.138h-1.08Zm-14.141.784C14.954 8.922 8 15.654 8 23.96 8 32.267 14.954 39 23.536 39c8.581 0 15.536-6.732 15.536-15.04 0-8.307-6.955-15.038-15.535-15.038h-.001Zm0 4.796c5.839 0 10.583 4.59 10.583 10.242 0 5.652-4.744 10.244-10.583 10.244-5.84 0-10.537-4.591-10.537-10.244 0-5.652 4.698-10.242 10.537-10.242Z"
-                                fill="#FDB511"
-                              />
-                              <path
-                                d="M39.839 6.046v1.046h1.08V6.046h-1.08Zm0 1.046h-2.162v1.046h2.162V7.092Zm-2.162 1.046h-1.08v2.093h1.08V8.138Zm0 2.093v1.046h1.08V10.23h-1.08Zm1.08 0h1.082V9.185h-1.081v1.046Zm-1.08 1.046h-1.08v1.046h-1.082v-1.046h-2.161v1.046h-1.08v1.046h1.08v1.046h-1.08V13.37h-1.082v1.046h-1.08v1.046H29.03v4.185h2.161V18.6h1.081v-1.046h1.08v-1.046h-1.08V15.46h1.08v1.047h1.082V15.46h1.08v-1.046h1.081V13.37h1.08v-2.092Zm-2.162 0h1.081V10.23h-1.08v1.046Zm0-1.046V9.185h-1.08v1.046h1.08Z"
-                                fill="#000"
-                              />
-                              <path
-                                d="M23.294 24.178c1.124-2.76 1.834-4.259 4.656-7.67l2.162-.002v4.185c-3.005 2.77-3.643 5.076-4.136 7.306-.304 1.36-.304 2.145-1.898 2.328-.298 0-1.076-.254-1.398-.828-.403-.724-1.602-3.501-2.566-5.188-.822-1.438-2.008-2.61-3.063-3.879-.402-.484-.608-.895-.27-1.352.337-.456.582-.385 1.08-.26 2.636 1.14 4.158 2.863 5.433 5.36Z"
-                                fill="#000"
-                              />
-                            </svg>
+                                <title
+                                  id="symantec_vip_13"
+                                >
+                                  Symantec VIP
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <path
+                                  d="M40.92 5v1.046H42V5h-1.08Zm0 2.092v1.046H42V7.092h-1.08Zm-3.243 1.046v1.047h1.08V8.138h-1.08Zm-14.141.784C14.954 8.922 8 15.654 8 23.96 8 32.267 14.954 39 23.536 39c8.581 0 15.536-6.732 15.536-15.04 0-8.307-6.955-15.038-15.535-15.038h-.001Zm0 4.796c5.839 0 10.583 4.59 10.583 10.242 0 5.652-4.744 10.244-10.583 10.244-5.84 0-10.537-4.591-10.537-10.244 0-5.652 4.698-10.242 10.537-10.242Z"
+                                  fill="#FDB511"
+                                />
+                                <path
+                                  d="M39.839 6.046v1.046h1.08V6.046h-1.08Zm0 1.046h-2.162v1.046h2.162V7.092Zm-2.162 1.046h-1.08v2.093h1.08V8.138Zm0 2.093v1.046h1.08V10.23h-1.08Zm1.08 0h1.082V9.185h-1.081v1.046Zm-1.08 1.046h-1.08v1.046h-1.082v-1.046h-2.161v1.046h-1.08v1.046h1.08v1.046h-1.08V13.37h-1.082v1.046h-1.08v1.046H29.03v4.185h2.161V18.6h1.081v-1.046h1.08v-1.046h-1.08V15.46h1.08v1.047h1.082V15.46h1.08v-1.046h1.081V13.37h1.08v-2.092Zm-2.162 0h1.081V10.23h-1.08v1.046Zm0-1.046V9.185h-1.08v1.046h1.08Z"
+                                  fill="#000"
+                                />
+                                <path
+                                  d="M23.294 24.178c1.124-2.76 1.834-4.259 4.656-7.67l2.162-.002v4.185c-3.005 2.77-3.643 5.076-4.136 7.306-.304 1.36-.304 2.145-1.898 2.328-.298 0-1.076-.254-1.398-.828-.403-.724-1.602-3.501-2.566-5.188-.822-1.438-2.008-2.61-3.063-3.879-.402-.484-.608-.895-.27-1.352.337-.456.582-.385 1.08-.26 2.636 1.14 4.158 2.863 5.433 5.36Z"
+                                  fill="#000"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="symantec_vip_13-label"
-                          >
-                            Symantec VIP
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="symantec_vip"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="symantec_vip_13-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="symantec_vip_13-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Symantec VIP
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="symantec_vip"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="symantec_vip_13-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="yubikey_token_14-ctaLabel"
-                        aria-labelledby="yubikey_token_14-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="yubikey_token_14-ctaLabel"
+                          aria-labelledby="yubikey_token_14-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-yubikey authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="yubikey_token_14"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-yubikey authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="yubikey_token_14"
+                              <svg
+                                aria-labelledby="yubikey_token_14"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                YubiKey
-                              </title>
-                              <path
-                                class="siwFillBg"
-                                clip-rule="evenodd"
-                                d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                                fill="#F5F5F6"
-                                fill-rule="evenodd"
-                              />
-                              <circle
-                                cx="24"
-                                cy="24"
-                                fill="#fff"
-                                r="18.5"
-                                stroke="#A3C753"
-                                stroke-width="3"
-                              />
-                              <path
-                                d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
-                                fill="#A3C753"
-                              />
-                            </svg>
+                                <title
+                                  id="yubikey_token_14"
+                                >
+                                  YubiKey
+                                </title>
+                                <path
+                                  class="siwFillBg"
+                                  clip-rule="evenodd"
+                                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                                  fill="#F5F5F6"
+                                  fill-rule="evenodd"
+                                />
+                                <circle
+                                  cx="24"
+                                  cy="24"
+                                  fill="#fff"
+                                  r="18.5"
+                                  stroke="#A3C753"
+                                  stroke-width="3"
+                                />
+                                <path
+                                  d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
+                                  fill="#A3C753"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="yubikey_token_14-label"
-                          >
-                            YubiKey Authenticator
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="yubikey_token"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="yubikey_token_14-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="yubikey_token_14-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              YubiKey Authenticator
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="yubikey_token"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="yubikey_token_14-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-14"
-                    >
-                      <button
-                        aria-describedby="custom_app_15-description custom_app_15-ctaLabel"
-                        aria-labelledby="custom_app_15-label"
-                        class="authenticator-row MuiBox-root emotion-23"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-15"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="custom_app_15-description custom_app_15-ctaLabel"
+                          aria-labelledby="custom_app_15-label"
+                          class="authenticator-row MuiBox-root emotion-24"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-custom-app-logo authenticator-icon MuiBox-root emotion-25"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <img
-                              alt="Redirect to a third party MFA provider to sign in."
-                              class="custom-logo MuiBox-root emotion-164"
-                              src="/img/logos/default.png"
-                            />
+                            <div
+                              aria-hidden="true"
+                              class="mfa-custom-app-logo authenticator-icon MuiBox-root emotion-26"
+                              data-se="factor-beacon"
+                            >
+                              <img
+                                alt="Redirect to a third party MFA provider to sign in."
+                                class="custom-logo MuiBox-root emotion-165"
+                                src="/img/logos/default.png"
+                              />
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-26"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-27"
-                            data-se="authenticator-button-label"
-                            id="custom_app_15-label"
-                          >
-                            Get a push notification
-                          </h3>
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-55"
-                            data-se="authenticator-button-description"
-                            id="custom_app_15-description"
-                          >
-                            Custom Push App
-                          </p>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-28"
-                            data-se="custom_app"
+                            class="authenticator-description MuiBox-root emotion-27"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-29"
-                              data-se="cta-button-label"
-                              id="custom_app_15-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-28"
+                              data-se="authenticator-button-label"
+                              id="custom_app_15-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-30"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Get a push notification
+                            </h3>
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph authenticator-description--text no-translate emotion-56"
+                              data-se="authenticator-button-description"
+                              id="custom_app_15-description"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              Custom Push App
+                            </p>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-29"
+                              data-se="custom_app"
+                            >
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-30"
+                                data-se="cta-button-label"
+                                id="custom_app_15-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-31"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-172"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-173"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-unlock-success.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-unlock-success.test.tsx.snap
index a6fc209145..8e117f4479 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-unlock-success.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-unlock-success.test.tsx.snap
@@ -2,224 +2,137 @@
 
 exports[`authenticator-verification-unlock-success should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-password MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-password"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-password"
-                >
-                  Password
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-password MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-password"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-password"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester.test@okta.com"
-                >
-                  tester.test@okta.com
-                </span>
+                    Password
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M11 17h-1V9h8v1h-7v7Zm28 0h-1v-7h-7V9h8v8ZM18 39h-8v-8h1v7h7v1Zm21 0h-8v-1h7v-7h1v8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="m14.91 22.067-1.829 1.064V21h-1v2.131l-1.83-1.064-.502.866L11.585 24l-1.836 1.067.502.866 1.83-1.064V27h1v-2.131l1.829 1.064.503-.866L13.576 24l1.837-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L19.531 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L21.523 24l1.836-1.067-.503-.866Zm7.946 0-1.829 1.064V21h-1v2.131l-1.829-1.064-.503.866L27.477 24l-1.836 1.067.503.866 1.83-1.064V27h1v-2.131l1.828 1.064.503-.866L29.47 24l1.836-1.067-.503-.866Zm8.448.866-.501-.866-1.83 1.064V21h-1v2.131l-1.83-1.064-.502.866L35.424 24l-1.837 1.067.503.866 1.829-1.064V27h1v-2.131l1.83 1.064.502-.866L37.415 24l1.836-1.067Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
-                    data-se="message"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxInfo MuiAlert-infobox infobox-info emotion-17"
-                      data-se="callout"
-                      role="alert"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <div
-                        class="MuiAlert-icon emotion-18"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            clip-rule="evenodd"
-                            d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8 7C8.27614 7 8.5 7.22386 8.5 7.5V12H7.5V7.5C7.5 7.22386 7.72386 7 8 7Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-20"
-                      >
-                        Account successfully unlocked! Verify your account with a security method to continue.
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-22"
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester.test@okta.com"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-23"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_your_password_okta_password_laehspkckQ73kDbzn1d6_2"
-                      tabindex="-1"
-                    >
-                      Verify with your password
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
-                  <input
-                    class="MuiBox-root emotion-25"
-                    id="username"
-                    name="username"
-                    type="text"
-                  />
+                    tester.test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-29"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-17"
+                      data-se="message"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-30"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-31"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxInfo MuiAlert-infobox infobox-info emotion-18"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-32"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <div
+                          class="MuiAlert-icon emotion-19"
                         >
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
                             fill="none"
                             focusable="false"
                             viewBox="0 0 16 16"
@@ -227,58 +140,149 @@ exports[`authenticator-verification-unlock-success should render form 1`] = `
                           >
                             <path
                               clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                              d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8 7C8.27614 7 8.5 7.22386 8.5 7.5V12H7.5V7.5C7.5 7.22386 7.72386 7 8 7Z"
                               fill="currentColor"
                               fill-rule="evenodd"
                             />
                           </svg>
-                        </button>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-21"
+                        >
+                          Account successfully unlocked! Verify your account with a security method to continue.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-35"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-37"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <div
+                      class="MuiBox-root emotion-23"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-24"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_your_password_okta_password_laehspkckQ73kDbzn1d6_2"
+                        tabindex="-1"
+                      >
+                        Verify with your password
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-37"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <input
+                      class="MuiBox-root emotion-26"
+                      id="username"
+                      name="username"
+                      type="text"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-29"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-30"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-31"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-32"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-33"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-36"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-webauthn.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-webauthn.test.tsx.snap
index ba942df4d2..bf1a67c785 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-webauthn.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-webauthn.test.tsx.snap
@@ -2,135 +2,135 @@
 
 exports[`authenticator-verification-webauthn renders form - webauthn not supported 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -138,167 +138,171 @@ exports[`authenticator-verification-webauthn renders form - webauthn not support
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Security Key or Biometric Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with Security Key or Biometric Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
-                    data-se="message"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-20"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-20"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-21"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-21"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-22"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-22"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-23"
-                      >
-                        Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-23"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-24"
+                        >
+                          Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-25"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      aria-controls="cant-verify-content"
-                      aria-expanded="false"
-                      class="MuiButtonBase-root MuiAccordionSummary-root emotion-26"
-                      id="cant-verify-header"
-                      role="button"
-                      tabindex="0"
+                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-26"
                     >
                       <div
-                        class="MuiAccordionSummary-content emotion-27"
+                        aria-controls="cant-verify-content"
+                        aria-expanded="false"
+                        class="MuiButtonBase-root MuiAccordionSummary-root emotion-27"
+                        id="cant-verify-header"
+                        role="button"
+                        tabindex="0"
                       >
-                        <p
-                          class="MuiTypography-root MuiTypography-body1 emotion-28"
+                        <div
+                          class="MuiAccordionSummary-content emotion-28"
                         >
-                          Can't verify?
-                        </p>
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 emotion-29"
+                          >
+                            Can't verify?
+                          </p>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-29"
-                      style="min-height: 0px;"
-                    >
                       <div
-                        class="MuiCollapse-wrapper MuiCollapse-vertical emotion-30"
+                        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-30"
+                        style="min-height: 0px;"
                       >
                         <div
-                          class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-31"
+                          class="MuiCollapse-wrapper MuiCollapse-vertical emotion-31"
                         >
                           <div
-                            aria-labelledby="cant-verify-header"
-                            class="MuiAccordion-region"
-                            id="cant-verify-content"
-                            role="region"
+                            class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-32"
                           >
                             <div
-                              class="MuiAccordionDetails-root emotion-32"
+                              aria-labelledby="cant-verify-header"
+                              class="MuiAccordion-region"
+                              id="cant-verify-content"
+                              role="region"
                             >
                               <div
-                                class="MuiBox-root emotion-14"
+                                class="MuiAccordionDetails-root emotion-33"
                               >
                                 <div
-                                  class="MuiBox-root emotion-0"
+                                  class="MuiBox-root emotion-15"
                                 >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a biometric authenticator?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a biometric authenticator?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If available, set up another security method on the device you used to set up your biometric authenticator.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        If available, set up another security method on the device you used to set up your biometric authenticator.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a security key?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a security key?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
+                                      </p>
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -308,172 +312,172 @@ exports[`authenticator-verification-webauthn renders form - webauthn not support
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-verification-webauthn renders form - webauthn supported 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -481,159 +485,163 @@ exports[`authenticator-verification-webauthn renders form - webauthn supported 1
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Security Key or Biometric Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with Security Key or Biometric Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_You_will_be_prompted_to_use_a_security_key_or_biometric_verification_(Windows_Hello,_Touch_ID,_etc)_Follow_the_instructions_to_complete_verification_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      You will be prompted to use a security key or biometric verification (Windows Hello, Touch ID, etc.). Follow the instructions to complete verification.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_You_will_be_prompted_to_use_a_security_key_or_biometric_verification_(Windows_Hello,_Touch_ID,_etc)_Follow_the_instructions_to_complete_verification_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                      >
+                        You will be prompted to use a security key or biometric verification (Windows Hello, Touch ID, etc.). Follow the instructions to complete verification.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
-                      data-se="button"
-                      tabindex="0"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Verify
-                    </button>
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
+                        data-se="button"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-25"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      aria-controls="cant-verify-content"
-                      aria-expanded="false"
-                      class="MuiButtonBase-root MuiAccordionSummary-root emotion-26"
-                      id="cant-verify-header"
-                      role="button"
-                      tabindex="0"
+                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-26"
                     >
                       <div
-                        class="MuiAccordionSummary-content emotion-27"
+                        aria-controls="cant-verify-content"
+                        aria-expanded="false"
+                        class="MuiButtonBase-root MuiAccordionSummary-root emotion-27"
+                        id="cant-verify-header"
+                        role="button"
+                        tabindex="0"
                       >
-                        <p
-                          class="MuiTypography-root MuiTypography-body1 emotion-28"
+                        <div
+                          class="MuiAccordionSummary-content emotion-28"
                         >
-                          Can't verify?
-                        </p>
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 emotion-29"
+                          >
+                            Can't verify?
+                          </p>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-29"
-                      style="min-height: 0px;"
-                    >
                       <div
-                        class="MuiCollapse-wrapper MuiCollapse-vertical emotion-30"
+                        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-30"
+                        style="min-height: 0px;"
                       >
                         <div
-                          class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-31"
+                          class="MuiCollapse-wrapper MuiCollapse-vertical emotion-31"
                         >
                           <div
-                            aria-labelledby="cant-verify-header"
-                            class="MuiAccordion-region"
-                            id="cant-verify-content"
-                            role="region"
+                            class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-32"
                           >
                             <div
-                              class="MuiAccordionDetails-root emotion-32"
+                              aria-labelledby="cant-verify-header"
+                              class="MuiAccordion-region"
+                              id="cant-verify-content"
+                              role="region"
                             >
                               <div
-                                class="MuiBox-root emotion-14"
+                                class="MuiAccordionDetails-root emotion-33"
                               >
                                 <div
-                                  class="MuiBox-root emotion-0"
+                                  class="MuiBox-root emotion-15"
                                 >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a biometric authenticator?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a biometric authenticator?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If available, set up another security method on the device you used to set up your biometric authenticator.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        If available, set up another security method on the device you used to set up your biometric authenticator.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a security key?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a security key?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
+                                      </p>
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -643,172 +651,172 @@ exports[`authenticator-verification-webauthn renders form - webauthn supported 1
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`authenticator-verification-webauthn should render form with required user verification in safari browser 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -816,159 +824,163 @@ exports[`authenticator-verification-webauthn should render form with required us
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Security Key or Biometric Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with Security Key or Biometric Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_You_will_be_prompted_to_use_a_security_key_or_biometric_verification_(Windows_Hello,_Touch_ID,_etc)_Follow_the_instructions_to_complete_verification_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      You will be prompted to use a security key or biometric verification (Windows Hello, Touch ID, etc.). Follow the instructions to complete verification.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_You_will_be_prompted_to_use_a_security_key_or_biometric_verification_(Windows_Hello,_Touch_ID,_etc)_Follow_the_instructions_to_complete_verification_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                      >
+                        You will be prompted to use a security key or biometric verification (Windows Hello, Touch ID, etc.). Follow the instructions to complete verification.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
-                      data-se="button"
-                      tabindex="0"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Verify
-                    </button>
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
+                        data-se="button"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Verify
+                      </button>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-25"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      aria-controls="cant-verify-content"
-                      aria-expanded="false"
-                      class="MuiButtonBase-root MuiAccordionSummary-root emotion-26"
-                      id="cant-verify-header"
-                      role="button"
-                      tabindex="0"
+                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-26"
                     >
                       <div
-                        class="MuiAccordionSummary-content emotion-27"
+                        aria-controls="cant-verify-content"
+                        aria-expanded="false"
+                        class="MuiButtonBase-root MuiAccordionSummary-root emotion-27"
+                        id="cant-verify-header"
+                        role="button"
+                        tabindex="0"
                       >
-                        <p
-                          class="MuiTypography-root MuiTypography-body1 emotion-28"
+                        <div
+                          class="MuiAccordionSummary-content emotion-28"
                         >
-                          Can't verify?
-                        </p>
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 emotion-29"
+                          >
+                            Can't verify?
+                          </p>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-29"
-                      style="min-height: 0px;"
-                    >
                       <div
-                        class="MuiCollapse-wrapper MuiCollapse-vertical emotion-30"
+                        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-30"
+                        style="min-height: 0px;"
                       >
                         <div
-                          class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-31"
+                          class="MuiCollapse-wrapper MuiCollapse-vertical emotion-31"
                         >
                           <div
-                            aria-labelledby="cant-verify-header"
-                            class="MuiAccordion-region"
-                            id="cant-verify-content"
-                            role="region"
+                            class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-32"
                           >
                             <div
-                              class="MuiAccordionDetails-root emotion-32"
+                              aria-labelledby="cant-verify-header"
+                              class="MuiAccordion-region"
+                              id="cant-verify-content"
+                              role="region"
                             >
                               <div
-                                class="MuiBox-root emotion-14"
+                                class="MuiAccordionDetails-root emotion-33"
                               >
                                 <div
-                                  class="MuiBox-root emotion-0"
+                                  class="MuiBox-root emotion-15"
                                 >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a biometric authenticator?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a biometric authenticator?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If available, set up another security method on the device you used to set up your biometric authenticator.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        If available, set up another security method on the device you used to set up your biometric authenticator.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a security key?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a security key?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                                        data-se="o-form-explain"
+                                      >
+                                        If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
+                                      </p>
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -978,37 +990,37 @@ exports[`authenticator-verification-webauthn should render form with required us
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/authenticator-verification-yubikey-otp.test.tsx.snap b/src/v3/test/integration/__snapshots__/authenticator-verification-yubikey-otp.test.tsx.snap
index 1711e4e91f..5cc994b0c0 100644
--- a/src/v3/test/integration/__snapshots__/authenticator-verification-yubikey-otp.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/authenticator-verification-yubikey-otp.test.tsx.snap
@@ -2,117 +2,117 @@
 
 exports[`authenticator-verification-yubikey-otp renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-yubikey MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-yubikey"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-yubikey MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-yubikey"
+                <svg
+                  aria-labelledby="mfa-yubikey"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  YubiKey
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <circle
-                  cx="24"
-                  cy="24"
-                  fill="#fff"
-                  r="18.5"
-                  stroke="#A3C753"
-                  stroke-width="3"
-                />
-                <path
-                  d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
-                  fill="#A3C753"
-                />
-              </svg>
+                  <title
+                    id="mfa-yubikey"
+                  >
+                    YubiKey
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <circle
+                    cx="24"
+                    cy="24"
+                    fill="#fff"
+                    r="18.5"
+                    stroke="#A3C753"
+                    stroke-width="3"
+                  />
+                  <path
+                    d="m24.406 23.977 1.416-3.996c.723-2.04 1.454-4.08 2.16-6.127.13-.382.328-.525.722-.52 1.466.014 2.933.004 4.4.006.7.001.748.064.49.701-.66 1.62-1.33 3.236-1.988 4.856-1.165 2.872-2.319 5.748-3.486 8.618-1.098 2.7-2.205 5.397-3.315 8.092-.396.961-.405.957-1.472.958-1.417.001-2.833.004-4.25 0-.605-.002-.646-.077-.407-.636.746-1.747 1.482-3.497 2.236-5.24.15-.345.16-.658.022-1.009-1.836-4.666-3.664-9.334-5.494-14.002-.23-.589-.468-1.176-.695-1.767-.164-.425-.084-.564.361-.567 1.6-.01 3.2 0 4.8-.01.38-.002.52.227.63.527.5 1.36 1.004 2.72 1.506 4.08l2.095 5.671c.045.122.101.241.151.361l.118.004Z"
+                    fill="#A3C753"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -120,121 +120,125 @@ exports[`authenticator-verification-yubikey-otp renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_YubiKey_yubikey_token_ykf16jdolQhTHA5yp0g4_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with YubiKey
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_YubiKey_yubikey_token_ykf16jdolQhTHA5yp0g4_1"
+                        tabindex="-1"
+                      >
+                        Verify with YubiKey
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="challenge-authenticator_Description_Use_your_YubiKey_to_insert_a_verification_code_yubikey_token_ykf16jdolQhTHA5yp0g4_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Use your YubiKey to insert a verification code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="challenge-authenticator_Description_Use_your_YubiKey_to_insert_a_verification_code_yubikey_token_ykf16jdolQhTHA5yp0g4_2"
+                      >
+                        Use your YubiKey to insert a verification code.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Insert then tap your YubiKey
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-24"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="off"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-25"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-24"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Insert then tap your YubiKey
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-26"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-25"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-27"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-invalid="false"
+                          autocomplete="off"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-26"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-27"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-28"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-28"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-29"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Verify
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/byol.test.tsx.snap b/src/v3/test/integration/__snapshots__/byol.test.tsx.snap
index 124a395e33..74e580ae02 100644
--- a/src/v3/test/integration/__snapshots__/byol.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/byol.test.tsx.snap
@@ -2,125 +2,125 @@
 
 exports[`byol loading custom language should load custom language with "language" option defined, and assets.baseUrl is set to a path containing the language assets 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="foo"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="foo"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -128,4796 +128,1602 @@ exports[`byol loading custom language should load custom language with "language
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_foo_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up foo authentication
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_foo_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
+                        tabindex="-1"
+                      >
+                        Set up foo authentication
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                      <div
+                        class="MuiBox-root emotion-17"
                       >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
                             <span
-                              class="emotion-28"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                              SMS
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
                             <span
-                              class="emotion-28"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                              Voice call
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
                       <div
-                        class="MuiBox-root emotion-15"
+                        class="MuiBox-root emotion-1"
                       >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
                         <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
+                          class="MuiBox-root emotion-16"
                         >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
                           >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              Foonited States
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
+                          >
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
                             >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
-                            >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
-                            >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
-                            >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
-                            >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
-                            >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
-                        <div
-                          class="MuiBox-root emotion-47"
-                        >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
-                          <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
-                          >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                              <option
+                                value="AF"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
-                    >
-                      Receive a code via SMS
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`byol loading custom language should load custom language with assets.baseUrl and assets.languages set and with navigator.languages containing language 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="foo"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-phone"
-                >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
-            >
-              <div
-                class="MuiBox-root emotion-9"
-              >
-                <span
-                  class="MuiBox-root emotion-10"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
-              >
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_foo_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
-                      tabindex="-1"
-                    >
-                      Set up foo authentication
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-16"
-                    >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
-                      >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
-                    >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
-                      >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <div
-                        class="MuiBox-root emotion-15"
-                      >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
-                        >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
-                          >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              Foonited States
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
-                            >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
-                            >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
-                            >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
-                            >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
-                            >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
-                        <div
-                          class="MuiBox-root emotion-47"
-                        >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
-                          <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
-                          >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
-                    >
-                      Receive a code via SMS
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`byol loading default language should not load custom language when the language/assets.languages value is not provided while assets.baseUrl is set to a path containing the language assets and navigator.languages containing language 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-phone"
-                >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
-            >
-              <div
-                class="MuiBox-root emotion-9"
-              >
-                <span
-                  class="MuiBox-root emotion-10"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
-              >
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
-                      tabindex="-1"
-                    >
-                      Set up phone authentication
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-16"
-                    >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
-                      >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
-                    </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
-                    >
-                      
-                      <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
-                      >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                          >
-                            Voice call
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <div
-                        class="MuiBox-root emotion-15"
-                      >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
-                        >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
-                          >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              United States
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
-                            >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
-                            >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
-                            >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
-                            >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
-                            >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
-                          >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                Foonited States
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
                         <div
                           class="MuiBox-root emotion-47"
+                          dir="ltr"
                         >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
                           <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
+                            class="MuiBox-root emotion-48"
                           >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
                           </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via SMS
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Receive a code via SMS
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
-exports[`byol loading default language should not load custom language with "language" option set when assets.baseUrl value is missing 1`] = `
+exports[`byol loading custom language should load custom language with assets.baseUrl and assets.languages set and with navigator.languages containing language 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="foo"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="foo"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-phone MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-phone"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-phone"
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Voice Call Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -4925,1473 +1731,4683 @@ exports[`byol loading default language should not load custom language with "lan
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up phone authentication
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_foo_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
+                        tabindex="-1"
+                      >
+                        Set up foo authentication
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
                       class="MuiBox-root emotion-16"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
-                        data-se="o-form-explain"
-                        id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
                       >
-                        Enter your phone number to receive a verification code via SMS.
-                      </p>
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
+                            >
+                              SMS
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
+                            >
+                              Voice call
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      
                       <div
-                        class="MuiFormGroup-root emotion-24"
-                        role="radiogroup"
+                        class="MuiBox-root emotion-1"
                       >
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
+                        <div
+                          class="MuiBox-root emotion-16"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-26"
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="sms"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
                           >
-                            SMS
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-25"
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
+                            >
+                              <option
+                                value="AF"
+                              >
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                Foonited States
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-47"
+                          dir="ltr"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-26"
-                          >
-                            <input
-                              class="PrivateSwitchBase-input emotion-27"
-                              name="authenticator.methodType"
-                              type="radio"
-                              value="voice"
-                            />
-                            <span
-                              class="emotion-28"
-                            >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-29"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-37"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
-                            </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
+                          <div
+                            class="MuiBox-root emotion-48"
                           >
-                            Voice call
-                          </span>
-                        </label>
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
+                              >
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
+                          </div>
+                        </div>
                       </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
+                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
-                      <div
-                        class="MuiBox-root emotion-15"
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
                       >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                          data-shrink="false"
-                          for="country"
-                          id="countryLabel"
-                        >
-                          Country
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-43"
-                          required="true"
-                        >
-                          <select
-                            autocomplete="tel-country-code"
-                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-44"
-                            data-se="country"
-                            id="country"
-                            required=""
-                          >
-                            <option
-                              value="AF"
-                            >
-                              Afghanistan
-                            </option>
-                            <option
-                              value="AL"
-                            >
-                              Albania
-                            </option>
-                            <option
-                              value="DZ"
-                            >
-                              Algeria
-                            </option>
-                            <option
-                              value="AS"
-                            >
-                              American Samoa
-                            </option>
-                            <option
-                              value="AD"
-                            >
-                              Andorra
-                            </option>
-                            <option
-                              value="AO"
-                            >
-                              Angola
-                            </option>
-                            <option
-                              value="AI"
-                            >
-                              Anguilla
-                            </option>
-                            <option
-                              value="AQ"
-                            >
-                              Antarctica
-                            </option>
-                            <option
-                              value="AG"
-                            >
-                              Antigua and Barbuda
-                            </option>
-                            <option
-                              value="AR"
-                            >
-                              Argentina
-                            </option>
-                            <option
-                              value="AM"
-                            >
-                              Armenia
-                            </option>
-                            <option
-                              value="AW"
-                            >
-                              Aruba
-                            </option>
-                            <option
-                              value="AU"
-                            >
-                              Australia
-                            </option>
-                            <option
-                              value="AT"
-                            >
-                              Austria
-                            </option>
-                            <option
-                              value="AZ"
-                            >
-                              Azerbaijan
-                            </option>
-                            <option
-                              value="BS"
-                            >
-                              Bahamas
-                            </option>
-                            <option
-                              value="BH"
-                            >
-                              Bahrain
-                            </option>
-                            <option
-                              value="BD"
-                            >
-                              Bangladesh
-                            </option>
-                            <option
-                              value="BB"
-                            >
-                              Barbados
-                            </option>
-                            <option
-                              value="BY"
-                            >
-                              Belarus
-                            </option>
-                            <option
-                              value="BE"
-                            >
-                              Belgium
-                            </option>
-                            <option
-                              value="BZ"
-                            >
-                              Belize
-                            </option>
-                            <option
-                              value="BJ"
-                            >
-                              Benin
-                            </option>
-                            <option
-                              value="BM"
-                            >
-                              Bermuda
-                            </option>
-                            <option
-                              value="BT"
-                            >
-                              Bhutan
-                            </option>
-                            <option
-                              value="BO"
-                            >
-                              Bolivia, Plurinational State of
-                            </option>
-                            <option
-                              value="BA"
-                            >
-                              Bosnia and Herzegovina
-                            </option>
-                            <option
-                              value="BW"
-                            >
-                              Botswana
-                            </option>
-                            <option
-                              value="BR"
-                            >
-                              Brazil
-                            </option>
-                            <option
-                              value="IO"
-                            >
-                              British Indian Ocean Territory
-                            </option>
-                            <option
-                              value="BN"
-                            >
-                              Brunei Darussalam
-                            </option>
-                            <option
-                              value="BG"
-                            >
-                              Bulgaria
-                            </option>
-                            <option
-                              value="BF"
-                            >
-                              Burkina Faso
-                            </option>
-                            <option
-                              value="BI"
-                            >
-                              Burundi
-                            </option>
-                            <option
-                              value="KH"
-                            >
-                              Cambodia
-                            </option>
-                            <option
-                              value="CM"
-                            >
-                              Cameroon
-                            </option>
-                            <option
-                              value="CA"
-                            >
-                              Canada
-                            </option>
-                            <option
-                              value="CV"
-                            >
-                              Cape Verde
-                            </option>
-                            <option
-                              value="KY"
-                            >
-                              Cayman Islands
-                            </option>
-                            <option
-                              value="CF"
-                            >
-                              Central African Republic
-                            </option>
-                            <option
-                              value="TD"
-                            >
-                              Chad
-                            </option>
-                            <option
-                              value="CL"
-                            >
-                              Chile
-                            </option>
-                            <option
-                              value="CN"
-                            >
-                              China
-                            </option>
-                            <option
-                              value="CX"
-                            >
-                              Christmas Island
-                            </option>
-                            <option
-                              value="CO"
-                            >
-                              Colombia
-                            </option>
-                            <option
-                              value="KM"
-                            >
-                              Comoros
-                            </option>
-                            <option
-                              value="CG"
-                            >
-                              Congo
-                            </option>
-                            <option
-                              value="CD"
-                            >
-                              Congo, the Democratic Republic of the
-                            </option>
-                            <option
-                              value="CK"
-                            >
-                              Cook Islands
-                            </option>
-                            <option
-                              value="CR"
-                            >
-                              Costa Rica
-                            </option>
-                            <option
-                              value="HR"
-                            >
-                              Croatia
-                            </option>
-                            <option
-                              value="CU"
-                            >
-                              Cuba
-                            </option>
-                            <option
-                              value="CY"
-                            >
-                              Cyprus
-                            </option>
-                            <option
-                              value="CZ"
-                            >
-                              Czech Republic
-                            </option>
-                            <option
-                              value="CI"
-                            >
-                              Côte d'Ivoire
-                            </option>
-                            <option
-                              value="DK"
-                            >
-                              Denmark
-                            </option>
-                            <option
-                              value="DJ"
-                            >
-                              Djibouti
-                            </option>
-                            <option
-                              value="DM"
-                            >
-                              Dominica
-                            </option>
-                            <option
-                              value="DO"
-                            >
-                              Dominican Republic
-                            </option>
-                            <option
-                              value="EC"
-                            >
-                              Ecuador
-                            </option>
-                            <option
-                              value="EG"
-                            >
-                              Egypt
-                            </option>
-                            <option
-                              value="SV"
-                            >
-                              El Salvador
-                            </option>
-                            <option
-                              value="GQ"
-                            >
-                              Equatorial Guinea
-                            </option>
-                            <option
-                              value="ER"
-                            >
-                              Eritrea
-                            </option>
-                            <option
-                              value="EE"
-                            >
-                              Estonia
-                            </option>
-                            <option
-                              value="ET"
-                            >
-                              Ethiopia
-                            </option>
-                            <option
-                              value="FK"
-                            >
-                              Falkland Islands (Malvinas)
-                            </option>
-                            <option
-                              value="FO"
-                            >
-                              Faroe Islands
-                            </option>
-                            <option
-                              value="FJ"
-                            >
-                              Fiji
-                            </option>
-                            <option
-                              value="FI"
-                            >
-                              Finland
-                            </option>
-                            <option
-                              value="FR"
-                            >
-                              France
-                            </option>
-                            <option
-                              value="GF"
-                            >
-                              French Guiana
-                            </option>
-                            <option
-                              value="PF"
-                            >
-                              French Polynesia
-                            </option>
-                            <option
-                              value="GA"
-                            >
-                              Gabon
-                            </option>
-                            <option
-                              value="GM"
-                            >
-                              Gambia
-                            </option>
-                            <option
-                              value="GE"
-                            >
-                              Georgia
-                            </option>
-                            <option
-                              value="DE"
-                            >
-                              Germany
-                            </option>
-                            <option
-                              value="GH"
-                            >
-                              Ghana
-                            </option>
-                            <option
-                              value="GI"
-                            >
-                              Gibraltar
-                            </option>
-                            <option
-                              value="GR"
-                            >
-                              Greece
-                            </option>
-                            <option
-                              value="GL"
-                            >
-                              Greenland
-                            </option>
-                            <option
-                              value="GD"
-                            >
-                              Grenada
-                            </option>
-                            <option
-                              value="GP"
-                            >
-                              Guadeloupe
-                            </option>
-                            <option
-                              value="GU"
-                            >
-                              Guam
-                            </option>
-                            <option
-                              value="GT"
-                            >
-                              Guatemala
-                            </option>
-                            <option
-                              value="GG"
-                            >
-                              Guernsey
-                            </option>
-                            <option
-                              value="GN"
-                            >
-                              Guinea
-                            </option>
-                            <option
-                              value="GW"
-                            >
-                              Guinea-Bissau
-                            </option>
-                            <option
-                              value="GY"
-                            >
-                              Guyana
-                            </option>
-                            <option
-                              value="HT"
-                            >
-                              Haiti
-                            </option>
-                            <option
-                              value="VA"
-                            >
-                              Holy See (Vatican City State)
-                            </option>
-                            <option
-                              value="HN"
-                            >
-                              Honduras
-                            </option>
-                            <option
-                              value="HK"
-                            >
-                              Hong Kong
-                            </option>
-                            <option
-                              value="HU"
-                            >
-                              Hungary
-                            </option>
-                            <option
-                              value="IS"
-                            >
-                              Iceland
-                            </option>
-                            <option
-                              value="IN"
-                            >
-                              India
-                            </option>
-                            <option
-                              value="ID"
-                            >
-                              Indonesia
-                            </option>
-                            <option
-                              value="IR"
-                            >
-                              Iran, Islamic Republic of
-                            </option>
-                            <option
-                              value="IQ"
-                            >
-                              Iraq
-                            </option>
-                            <option
-                              value="IE"
-                            >
-                              Ireland
-                            </option>
-                            <option
-                              value="IL"
-                            >
-                              Israel
-                            </option>
-                            <option
-                              value="IT"
-                            >
-                              Italy
-                            </option>
-                            <option
-                              value="JM"
-                            >
-                              Jamaica
-                            </option>
-                            <option
-                              value="JP"
-                            >
-                              Japan
-                            </option>
-                            <option
-                              value="JE"
-                            >
-                              Jersey
-                            </option>
-                            <option
-                              value="JO"
-                            >
-                              Jordan
-                            </option>
-                            <option
-                              value="KZ"
-                            >
-                              Kazakhstan
-                            </option>
-                            <option
-                              value="KE"
-                            >
-                              Kenya
-                            </option>
-                            <option
-                              value="KI"
-                            >
-                              Kiribati
-                            </option>
-                            <option
-                              value="KP"
-                            >
-                              Korea, Democratic People's Republic of
-                            </option>
-                            <option
-                              value="KR"
-                            >
-                              Korea, Republic of
-                            </option>
-                            <option
-                              value="XK"
-                            >
-                              Kosovo, Republic of
-                            </option>
-                            <option
-                              value="KW"
-                            >
-                              Kuwait
-                            </option>
-                            <option
-                              value="KG"
-                            >
-                              Kyrgyzstan
-                            </option>
-                            <option
-                              value="LA"
-                            >
-                              Lao People's Democratic Republic
-                            </option>
-                            <option
-                              value="LV"
-                            >
-                              Latvia
-                            </option>
-                            <option
-                              value="LB"
-                            >
-                              Lebanon
-                            </option>
-                            <option
-                              value="LS"
-                            >
-                              Lesotho
-                            </option>
-                            <option
-                              value="LR"
-                            >
-                              Liberia
-                            </option>
-                            <option
-                              value="LY"
-                            >
-                              Libya
-                            </option>
-                            <option
-                              value="LI"
-                            >
-                              Liechtenstein
-                            </option>
-                            <option
-                              value="LT"
-                            >
-                              Lithuania
-                            </option>
-                            <option
-                              value="LU"
-                            >
-                              Luxembourg
-                            </option>
-                            <option
-                              value="MO"
-                            >
-                              Macao
-                            </option>
-                            <option
-                              value="MK"
-                            >
-                              Macedonia, the former Yugoslav Republic of
-                            </option>
-                            <option
-                              value="MG"
-                            >
-                              Madagascar
-                            </option>
-                            <option
-                              value="MW"
-                            >
-                              Malawi
-                            </option>
-                            <option
-                              value="MY"
-                            >
-                              Malaysia
-                            </option>
-                            <option
-                              value="MV"
-                            >
-                              Maldives
-                            </option>
-                            <option
-                              value="ML"
-                            >
-                              Mali
-                            </option>
-                            <option
-                              value="MT"
-                            >
-                              Malta
-                            </option>
-                            <option
-                              value="MH"
-                            >
-                              Marshall Islands
-                            </option>
-                            <option
-                              value="MQ"
-                            >
-                              Martinique
-                            </option>
-                            <option
-                              value="MR"
-                            >
-                              Mauritania
-                            </option>
-                            <option
-                              value="MU"
-                            >
-                              Mauritius
-                            </option>
-                            <option
-                              value="YT"
-                            >
-                              Mayotte
-                            </option>
-                            <option
-                              value="MX"
-                            >
-                              Mexico
-                            </option>
-                            <option
-                              value="FM"
-                            >
-                              Micronesia, Federated States of
-                            </option>
-                            <option
-                              value="MD"
-                            >
-                              Moldova, Republic of
-                            </option>
-                            <option
-                              value="MC"
-                            >
-                              Monaco
-                            </option>
-                            <option
-                              value="MN"
-                            >
-                              Mongolia
-                            </option>
-                            <option
-                              value="ME"
-                            >
-                              Montenegro
-                            </option>
-                            <option
-                              value="MS"
-                            >
-                              Montserrat
-                            </option>
-                            <option
-                              value="MA"
-                            >
-                              Morocco
-                            </option>
-                            <option
-                              value="MZ"
-                            >
-                              Mozambique
-                            </option>
-                            <option
-                              value="MM"
-                            >
-                              Myanmar
-                            </option>
-                            <option
-                              value="NA"
-                            >
-                              Namibia
-                            </option>
-                            <option
-                              value="NR"
-                            >
-                              Nauru
-                            </option>
-                            <option
-                              value="NP"
-                            >
-                              Nepal
-                            </option>
-                            <option
-                              value="NL"
-                            >
-                              Netherlands
-                            </option>
-                            <option
-                              value="AN"
-                            >
-                              Netherlands Antilles
-                            </option>
-                            <option
-                              value="NC"
-                            >
-                              New Caledonia
-                            </option>
-                            <option
-                              value="NZ"
-                            >
-                              New Zealand
-                            </option>
-                            <option
-                              value="NI"
-                            >
-                              Nicaragua
-                            </option>
-                            <option
-                              value="NE"
-                            >
-                              Niger
-                            </option>
-                            <option
-                              value="NG"
-                            >
-                              Nigeria
-                            </option>
-                            <option
-                              value="NU"
-                            >
-                              Niue
-                            </option>
-                            <option
-                              value="NF"
-                            >
-                              Norfolk Island
-                            </option>
-                            <option
-                              value="MP"
-                            >
-                              Northern Mariana Islands
-                            </option>
-                            <option
-                              value="NO"
-                            >
-                              Norway
-                            </option>
-                            <option
-                              value="OM"
-                            >
-                              Oman
-                            </option>
-                            <option
-                              value="PK"
-                            >
-                              Pakistan
-                            </option>
-                            <option
-                              value="PW"
-                            >
-                              Palau
-                            </option>
-                            <option
-                              value="PS"
-                            >
-                              Palestine, State of
-                            </option>
-                            <option
-                              value="PA"
-                            >
-                              Panama
-                            </option>
-                            <option
-                              value="PG"
-                            >
-                              Papua New Guinea
-                            </option>
-                            <option
-                              value="PY"
-                            >
-                              Paraguay
-                            </option>
-                            <option
-                              value="PE"
-                            >
-                              Peru
-                            </option>
-                            <option
-                              value="PH"
-                            >
-                              Philippines
-                            </option>
-                            <option
-                              value="PN"
-                            >
-                              Pitcairn
-                            </option>
-                            <option
-                              value="PL"
-                            >
-                              Poland
-                            </option>
-                            <option
-                              value="PT"
-                            >
-                              Portugal
-                            </option>
-                            <option
-                              value="PR"
-                            >
-                              Puerto Rico
-                            </option>
-                            <option
-                              value="QA"
-                            >
-                              Qatar
-                            </option>
-                            <option
-                              value="RO"
-                            >
-                              Romania
-                            </option>
-                            <option
-                              value="RU"
-                            >
-                              Russian Federation
-                            </option>
-                            <option
-                              value="RW"
-                            >
-                              Rwanda
-                            </option>
-                            <option
-                              value="RE"
-                            >
-                              Réunion
-                            </option>
-                            <option
-                              value="SH"
-                            >
-                              Saint Helena, Ascension and Tristan da Cunha
-                            </option>
-                            <option
-                              value="KN"
-                            >
-                              Saint Kitts and Nevis
-                            </option>
-                            <option
-                              value="LC"
-                            >
-                              Saint Lucia
-                            </option>
-                            <option
-                              value="PM"
-                            >
-                              Saint Pierre and Miquelon
-                            </option>
-                            <option
-                              value="VC"
-                            >
-                              Saint Vincent and the Grenadines
-                            </option>
-                            <option
-                              value="WS"
-                            >
-                              Samoa
-                            </option>
-                            <option
-                              value="SM"
-                            >
-                              San Marino
-                            </option>
-                            <option
-                              value="SA"
-                            >
-                              Saudi Arabia
-                            </option>
-                            <option
-                              value="SN"
-                            >
-                              Senegal
-                            </option>
-                            <option
-                              value="RS"
-                            >
-                              Serbia
-                            </option>
-                            <option
-                              value="SC"
-                            >
-                              Seychelles
-                            </option>
-                            <option
-                              value="SL"
-                            >
-                              Sierra Leone
-                            </option>
-                            <option
-                              value="SG"
-                            >
-                              Singapore
-                            </option>
-                            <option
-                              value="SK"
-                            >
-                              Slovakia
-                            </option>
-                            <option
-                              value="SI"
-                            >
-                              Slovenia
-                            </option>
-                            <option
-                              value="SB"
-                            >
-                              Solomon Islands
-                            </option>
-                            <option
-                              value="SO"
-                            >
-                              Somalia
-                            </option>
-                            <option
-                              value="ZA"
-                            >
-                              South Africa
-                            </option>
-                            <option
-                              value="GS"
-                            >
-                              South Georgia and the South Sandwich Islands
-                            </option>
-                            <option
-                              value="SS"
-                            >
-                              South Sudan
-                            </option>
-                            <option
-                              value="ES"
-                            >
-                              Spain
-                            </option>
-                            <option
-                              value="LK"
-                            >
-                              Sri Lanka
-                            </option>
-                            <option
-                              value="SD"
-                            >
-                              Sudan
-                            </option>
-                            <option
-                              value="SR"
-                            >
-                              Suriname
-                            </option>
-                            <option
-                              value="SJ"
-                            >
-                              Svalbard and Jan Mayen
-                            </option>
-                            <option
-                              value="SZ"
-                            >
-                              Swaziland
-                            </option>
-                            <option
-                              value="SE"
-                            >
-                              Sweden
-                            </option>
-                            <option
-                              value="CH"
-                            >
-                              Switzerland
-                            </option>
-                            <option
-                              value="SY"
-                            >
-                              Syrian Arab Republic
-                            </option>
-                            <option
-                              value="ST"
-                            >
-                              São Tomé and Príncipe
-                            </option>
-                            <option
-                              value="TW"
-                            >
-                              Taiwan
-                            </option>
-                            <option
-                              value="TJ"
-                            >
-                              Tajikistan
-                            </option>
-                            <option
-                              value="TZ"
-                            >
-                              Tanzania, United Republic of
-                            </option>
-                            <option
-                              value="TH"
-                            >
-                              Thailand
-                            </option>
-                            <option
-                              value="TL"
-                            >
-                              Timor-Leste
-                            </option>
-                            <option
-                              value="TG"
-                            >
-                              Togo
-                            </option>
-                            <option
-                              value="TK"
-                            >
-                              Tokelau
-                            </option>
-                            <option
-                              value="TO"
-                            >
-                              Tonga
-                            </option>
-                            <option
-                              value="TT"
-                            >
-                              Trinidad and Tobago
-                            </option>
-                            <option
-                              value="TN"
-                            >
-                              Tunisia
-                            </option>
-                            <option
-                              value="TR"
-                            >
-                              Turkey
-                            </option>
-                            <option
-                              value="TM"
-                            >
-                              Turkmenistan
-                            </option>
-                            <option
-                              value="TC"
-                            >
-                              Turks and Caicos Islands
-                            </option>
-                            <option
-                              value="TV"
-                            >
-                              Tuvalu
-                            </option>
-                            <option
-                              value="UG"
-                            >
-                              Uganda
-                            </option>
-                            <option
-                              value="UA"
-                            >
-                              Ukraine
-                            </option>
-                            <option
-                              value="AE"
-                            >
-                              United Arab Emirates
-                            </option>
-                            <option
-                              value="GB"
-                            >
-                              United Kingdom
-                            </option>
-                            <option
-                              value="US"
-                            >
-                              United States
-                            </option>
-                            <option
-                              value="UM"
-                            >
-                              United States Minor Outlying Islands
-                            </option>
-                            <option
-                              value="UY"
-                            >
-                              Uruguay
-                            </option>
-                            <option
-                              value="UZ"
-                            >
-                              Uzbekistan
-                            </option>
-                            <option
-                              value="VU"
-                            >
-                              Vanuatu
-                            </option>
-                            <option
-                              value="VE"
-                            >
-                              Venezuela, Bolivarian Republic of
-                            </option>
-                            <option
-                              value="VN"
-                            >
-                              Viet Nam
-                            </option>
-                            <option
-                              value="VG"
-                            >
-                              Virgin Islands, British
-                            </option>
-                            <option
-                              value="VI"
-                            >
-                              Virgin Islands, U.S.
-                            </option>
-                            <option
-                              value="WF"
-                            >
-                              Wallis and Futuna
-                            </option>
-                            <option
-                              value="EH"
+                        Receive a code via SMS
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`byol loading default language should not load custom language when the language/assets.languages value is not provided while assets.baseUrl is set to a path containing the language assets and navigator.languages containing language 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
+              >
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              class="MuiBox-root emotion-8"
+            >
+              <div
+                class="identifier-container MuiBox-root emotion-9"
+              >
+                <div
+                  class="MuiBox-root emotion-10"
+                >
+                  <span
+                    class="MuiBox-root emotion-11"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
+                <div
+                  class="MuiBox-root emotion-15"
+                >
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Western Sahara
-                            </option>
-                            <option
-                              value="YE"
+                              SMS
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Yemen
-                            </option>
-                            <option
-                              value="ZM"
+                              Voice call
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <div
+                          class="MuiBox-root emotion-16"
+                        >
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
+                          >
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
+                          >
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
                             >
-                              Zambia
-                            </option>
-                            <option
-                              value="ZW"
+                              <option
+                                value="AF"
+                              >
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                United States
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                        <div
+                          class="MuiBox-root emotion-47"
+                          dir="ltr"
+                        >
+                          <div
+                            class="MuiBox-root emotion-48"
+                          >
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
+                              >
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via SMS
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`byol loading default language should not load custom language with "language" option set when assets.baseUrl value is missing 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="foo"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-phone MuiBox-root emotion-7"
+                data-se="factor-beacon"
+              >
+                <svg
+                  aria-labelledby="mfa-okta-phone"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title
+                    id="mfa-okta-phone"
+                  >
+                    Voice Call Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              class="MuiBox-root emotion-8"
+            >
+              <div
+                class="identifier-container MuiBox-root emotion-9"
+              >
+                <div
+                  class="MuiBox-root emotion-10"
+                >
+                  <span
+                    class="MuiBox-root emotion-11"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
+                <div
+                  class="MuiBox-root emotion-15"
+                >
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="authenticator-enrollment-data_Title_Set_up_phone_authentication_phone_number_aid568g3mXgtID0X1SLH_1"
+                        tabindex="-1"
+                      >
+                        Set up phone authentication
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-17"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-22"
+                          data-se="o-form-explain"
+                          id="authenticator-enrollment-data_Description_Enter_your_phone_number_to_receive_a_verification_code_via_SMS_phone_number_aid568g3mXgtID0X1SLH_3_1"
+                        >
+                          Enter your phone number to receive a verification code via SMS.
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-24"
+                      >
+                        
+                        <div
+                          class="MuiFormGroup-root emotion-25"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="sms"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Zimbabwe
-                            </option>
-                            <option
-                              value="AX"
+                              SMS
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-26"
+                          >
+                            <span
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-27"
+                            >
+                              <input
+                                class="PrivateSwitchBase-input emotion-28"
+                                name="authenticator.methodType"
+                                type="radio"
+                                value="voice"
+                              />
+                              <span
+                                class="emotion-29"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-38"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
+                            </span>
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
                             >
-                              Åland Islands
-                            </option>
-                          </select>
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-45"
-                            data-testid="ArrowDropDownIcon"
-                            focusable="false"
-                            viewBox="0 0 24 24"
+                              Voice call
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <div
+                          class="MuiBox-root emotion-16"
+                        >
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                            data-shrink="false"
+                            for="country"
+                            id="countryLabel"
+                          >
+                            Country
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-44"
+                            required="true"
                           >
-                            <path
-                              d="M7 10l5 5 5-5z"
-                            />
-                          </svg>
+                            <select
+                              autocomplete="tel-country-code"
+                              class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-45"
+                              data-se="country"
+                              id="country"
+                              required=""
+                            >
+                              <option
+                                value="AF"
+                              >
+                                Afghanistan
+                              </option>
+                              <option
+                                value="AL"
+                              >
+                                Albania
+                              </option>
+                              <option
+                                value="DZ"
+                              >
+                                Algeria
+                              </option>
+                              <option
+                                value="AS"
+                              >
+                                American Samoa
+                              </option>
+                              <option
+                                value="AD"
+                              >
+                                Andorra
+                              </option>
+                              <option
+                                value="AO"
+                              >
+                                Angola
+                              </option>
+                              <option
+                                value="AI"
+                              >
+                                Anguilla
+                              </option>
+                              <option
+                                value="AQ"
+                              >
+                                Antarctica
+                              </option>
+                              <option
+                                value="AG"
+                              >
+                                Antigua and Barbuda
+                              </option>
+                              <option
+                                value="AR"
+                              >
+                                Argentina
+                              </option>
+                              <option
+                                value="AM"
+                              >
+                                Armenia
+                              </option>
+                              <option
+                                value="AW"
+                              >
+                                Aruba
+                              </option>
+                              <option
+                                value="AU"
+                              >
+                                Australia
+                              </option>
+                              <option
+                                value="AT"
+                              >
+                                Austria
+                              </option>
+                              <option
+                                value="AZ"
+                              >
+                                Azerbaijan
+                              </option>
+                              <option
+                                value="BS"
+                              >
+                                Bahamas
+                              </option>
+                              <option
+                                value="BH"
+                              >
+                                Bahrain
+                              </option>
+                              <option
+                                value="BD"
+                              >
+                                Bangladesh
+                              </option>
+                              <option
+                                value="BB"
+                              >
+                                Barbados
+                              </option>
+                              <option
+                                value="BY"
+                              >
+                                Belarus
+                              </option>
+                              <option
+                                value="BE"
+                              >
+                                Belgium
+                              </option>
+                              <option
+                                value="BZ"
+                              >
+                                Belize
+                              </option>
+                              <option
+                                value="BJ"
+                              >
+                                Benin
+                              </option>
+                              <option
+                                value="BM"
+                              >
+                                Bermuda
+                              </option>
+                              <option
+                                value="BT"
+                              >
+                                Bhutan
+                              </option>
+                              <option
+                                value="BO"
+                              >
+                                Bolivia, Plurinational State of
+                              </option>
+                              <option
+                                value="BA"
+                              >
+                                Bosnia and Herzegovina
+                              </option>
+                              <option
+                                value="BW"
+                              >
+                                Botswana
+                              </option>
+                              <option
+                                value="BR"
+                              >
+                                Brazil
+                              </option>
+                              <option
+                                value="IO"
+                              >
+                                British Indian Ocean Territory
+                              </option>
+                              <option
+                                value="BN"
+                              >
+                                Brunei Darussalam
+                              </option>
+                              <option
+                                value="BG"
+                              >
+                                Bulgaria
+                              </option>
+                              <option
+                                value="BF"
+                              >
+                                Burkina Faso
+                              </option>
+                              <option
+                                value="BI"
+                              >
+                                Burundi
+                              </option>
+                              <option
+                                value="KH"
+                              >
+                                Cambodia
+                              </option>
+                              <option
+                                value="CM"
+                              >
+                                Cameroon
+                              </option>
+                              <option
+                                value="CA"
+                              >
+                                Canada
+                              </option>
+                              <option
+                                value="CV"
+                              >
+                                Cape Verde
+                              </option>
+                              <option
+                                value="KY"
+                              >
+                                Cayman Islands
+                              </option>
+                              <option
+                                value="CF"
+                              >
+                                Central African Republic
+                              </option>
+                              <option
+                                value="TD"
+                              >
+                                Chad
+                              </option>
+                              <option
+                                value="CL"
+                              >
+                                Chile
+                              </option>
+                              <option
+                                value="CN"
+                              >
+                                China
+                              </option>
+                              <option
+                                value="CX"
+                              >
+                                Christmas Island
+                              </option>
+                              <option
+                                value="CO"
+                              >
+                                Colombia
+                              </option>
+                              <option
+                                value="KM"
+                              >
+                                Comoros
+                              </option>
+                              <option
+                                value="CG"
+                              >
+                                Congo
+                              </option>
+                              <option
+                                value="CD"
+                              >
+                                Congo, the Democratic Republic of the
+                              </option>
+                              <option
+                                value="CK"
+                              >
+                                Cook Islands
+                              </option>
+                              <option
+                                value="CR"
+                              >
+                                Costa Rica
+                              </option>
+                              <option
+                                value="HR"
+                              >
+                                Croatia
+                              </option>
+                              <option
+                                value="CU"
+                              >
+                                Cuba
+                              </option>
+                              <option
+                                value="CY"
+                              >
+                                Cyprus
+                              </option>
+                              <option
+                                value="CZ"
+                              >
+                                Czech Republic
+                              </option>
+                              <option
+                                value="CI"
+                              >
+                                Côte d'Ivoire
+                              </option>
+                              <option
+                                value="DK"
+                              >
+                                Denmark
+                              </option>
+                              <option
+                                value="DJ"
+                              >
+                                Djibouti
+                              </option>
+                              <option
+                                value="DM"
+                              >
+                                Dominica
+                              </option>
+                              <option
+                                value="DO"
+                              >
+                                Dominican Republic
+                              </option>
+                              <option
+                                value="EC"
+                              >
+                                Ecuador
+                              </option>
+                              <option
+                                value="EG"
+                              >
+                                Egypt
+                              </option>
+                              <option
+                                value="SV"
+                              >
+                                El Salvador
+                              </option>
+                              <option
+                                value="GQ"
+                              >
+                                Equatorial Guinea
+                              </option>
+                              <option
+                                value="ER"
+                              >
+                                Eritrea
+                              </option>
+                              <option
+                                value="EE"
+                              >
+                                Estonia
+                              </option>
+                              <option
+                                value="ET"
+                              >
+                                Ethiopia
+                              </option>
+                              <option
+                                value="FK"
+                              >
+                                Falkland Islands (Malvinas)
+                              </option>
+                              <option
+                                value="FO"
+                              >
+                                Faroe Islands
+                              </option>
+                              <option
+                                value="FJ"
+                              >
+                                Fiji
+                              </option>
+                              <option
+                                value="FI"
+                              >
+                                Finland
+                              </option>
+                              <option
+                                value="FR"
+                              >
+                                France
+                              </option>
+                              <option
+                                value="GF"
+                              >
+                                French Guiana
+                              </option>
+                              <option
+                                value="PF"
+                              >
+                                French Polynesia
+                              </option>
+                              <option
+                                value="GA"
+                              >
+                                Gabon
+                              </option>
+                              <option
+                                value="GM"
+                              >
+                                Gambia
+                              </option>
+                              <option
+                                value="GE"
+                              >
+                                Georgia
+                              </option>
+                              <option
+                                value="DE"
+                              >
+                                Germany
+                              </option>
+                              <option
+                                value="GH"
+                              >
+                                Ghana
+                              </option>
+                              <option
+                                value="GI"
+                              >
+                                Gibraltar
+                              </option>
+                              <option
+                                value="GR"
+                              >
+                                Greece
+                              </option>
+                              <option
+                                value="GL"
+                              >
+                                Greenland
+                              </option>
+                              <option
+                                value="GD"
+                              >
+                                Grenada
+                              </option>
+                              <option
+                                value="GP"
+                              >
+                                Guadeloupe
+                              </option>
+                              <option
+                                value="GU"
+                              >
+                                Guam
+                              </option>
+                              <option
+                                value="GT"
+                              >
+                                Guatemala
+                              </option>
+                              <option
+                                value="GG"
+                              >
+                                Guernsey
+                              </option>
+                              <option
+                                value="GN"
+                              >
+                                Guinea
+                              </option>
+                              <option
+                                value="GW"
+                              >
+                                Guinea-Bissau
+                              </option>
+                              <option
+                                value="GY"
+                              >
+                                Guyana
+                              </option>
+                              <option
+                                value="HT"
+                              >
+                                Haiti
+                              </option>
+                              <option
+                                value="VA"
+                              >
+                                Holy See (Vatican City State)
+                              </option>
+                              <option
+                                value="HN"
+                              >
+                                Honduras
+                              </option>
+                              <option
+                                value="HK"
+                              >
+                                Hong Kong
+                              </option>
+                              <option
+                                value="HU"
+                              >
+                                Hungary
+                              </option>
+                              <option
+                                value="IS"
+                              >
+                                Iceland
+                              </option>
+                              <option
+                                value="IN"
+                              >
+                                India
+                              </option>
+                              <option
+                                value="ID"
+                              >
+                                Indonesia
+                              </option>
+                              <option
+                                value="IR"
+                              >
+                                Iran, Islamic Republic of
+                              </option>
+                              <option
+                                value="IQ"
+                              >
+                                Iraq
+                              </option>
+                              <option
+                                value="IE"
+                              >
+                                Ireland
+                              </option>
+                              <option
+                                value="IL"
+                              >
+                                Israel
+                              </option>
+                              <option
+                                value="IT"
+                              >
+                                Italy
+                              </option>
+                              <option
+                                value="JM"
+                              >
+                                Jamaica
+                              </option>
+                              <option
+                                value="JP"
+                              >
+                                Japan
+                              </option>
+                              <option
+                                value="JE"
+                              >
+                                Jersey
+                              </option>
+                              <option
+                                value="JO"
+                              >
+                                Jordan
+                              </option>
+                              <option
+                                value="KZ"
+                              >
+                                Kazakhstan
+                              </option>
+                              <option
+                                value="KE"
+                              >
+                                Kenya
+                              </option>
+                              <option
+                                value="KI"
+                              >
+                                Kiribati
+                              </option>
+                              <option
+                                value="KP"
+                              >
+                                Korea, Democratic People's Republic of
+                              </option>
+                              <option
+                                value="KR"
+                              >
+                                Korea, Republic of
+                              </option>
+                              <option
+                                value="XK"
+                              >
+                                Kosovo, Republic of
+                              </option>
+                              <option
+                                value="KW"
+                              >
+                                Kuwait
+                              </option>
+                              <option
+                                value="KG"
+                              >
+                                Kyrgyzstan
+                              </option>
+                              <option
+                                value="LA"
+                              >
+                                Lao People's Democratic Republic
+                              </option>
+                              <option
+                                value="LV"
+                              >
+                                Latvia
+                              </option>
+                              <option
+                                value="LB"
+                              >
+                                Lebanon
+                              </option>
+                              <option
+                                value="LS"
+                              >
+                                Lesotho
+                              </option>
+                              <option
+                                value="LR"
+                              >
+                                Liberia
+                              </option>
+                              <option
+                                value="LY"
+                              >
+                                Libya
+                              </option>
+                              <option
+                                value="LI"
+                              >
+                                Liechtenstein
+                              </option>
+                              <option
+                                value="LT"
+                              >
+                                Lithuania
+                              </option>
+                              <option
+                                value="LU"
+                              >
+                                Luxembourg
+                              </option>
+                              <option
+                                value="MO"
+                              >
+                                Macao
+                              </option>
+                              <option
+                                value="MK"
+                              >
+                                Macedonia, the former Yugoslav Republic of
+                              </option>
+                              <option
+                                value="MG"
+                              >
+                                Madagascar
+                              </option>
+                              <option
+                                value="MW"
+                              >
+                                Malawi
+                              </option>
+                              <option
+                                value="MY"
+                              >
+                                Malaysia
+                              </option>
+                              <option
+                                value="MV"
+                              >
+                                Maldives
+                              </option>
+                              <option
+                                value="ML"
+                              >
+                                Mali
+                              </option>
+                              <option
+                                value="MT"
+                              >
+                                Malta
+                              </option>
+                              <option
+                                value="MH"
+                              >
+                                Marshall Islands
+                              </option>
+                              <option
+                                value="MQ"
+                              >
+                                Martinique
+                              </option>
+                              <option
+                                value="MR"
+                              >
+                                Mauritania
+                              </option>
+                              <option
+                                value="MU"
+                              >
+                                Mauritius
+                              </option>
+                              <option
+                                value="YT"
+                              >
+                                Mayotte
+                              </option>
+                              <option
+                                value="MX"
+                              >
+                                Mexico
+                              </option>
+                              <option
+                                value="FM"
+                              >
+                                Micronesia, Federated States of
+                              </option>
+                              <option
+                                value="MD"
+                              >
+                                Moldova, Republic of
+                              </option>
+                              <option
+                                value="MC"
+                              >
+                                Monaco
+                              </option>
+                              <option
+                                value="MN"
+                              >
+                                Mongolia
+                              </option>
+                              <option
+                                value="ME"
+                              >
+                                Montenegro
+                              </option>
+                              <option
+                                value="MS"
+                              >
+                                Montserrat
+                              </option>
+                              <option
+                                value="MA"
+                              >
+                                Morocco
+                              </option>
+                              <option
+                                value="MZ"
+                              >
+                                Mozambique
+                              </option>
+                              <option
+                                value="MM"
+                              >
+                                Myanmar
+                              </option>
+                              <option
+                                value="NA"
+                              >
+                                Namibia
+                              </option>
+                              <option
+                                value="NR"
+                              >
+                                Nauru
+                              </option>
+                              <option
+                                value="NP"
+                              >
+                                Nepal
+                              </option>
+                              <option
+                                value="NL"
+                              >
+                                Netherlands
+                              </option>
+                              <option
+                                value="AN"
+                              >
+                                Netherlands Antilles
+                              </option>
+                              <option
+                                value="NC"
+                              >
+                                New Caledonia
+                              </option>
+                              <option
+                                value="NZ"
+                              >
+                                New Zealand
+                              </option>
+                              <option
+                                value="NI"
+                              >
+                                Nicaragua
+                              </option>
+                              <option
+                                value="NE"
+                              >
+                                Niger
+                              </option>
+                              <option
+                                value="NG"
+                              >
+                                Nigeria
+                              </option>
+                              <option
+                                value="NU"
+                              >
+                                Niue
+                              </option>
+                              <option
+                                value="NF"
+                              >
+                                Norfolk Island
+                              </option>
+                              <option
+                                value="MP"
+                              >
+                                Northern Mariana Islands
+                              </option>
+                              <option
+                                value="NO"
+                              >
+                                Norway
+                              </option>
+                              <option
+                                value="OM"
+                              >
+                                Oman
+                              </option>
+                              <option
+                                value="PK"
+                              >
+                                Pakistan
+                              </option>
+                              <option
+                                value="PW"
+                              >
+                                Palau
+                              </option>
+                              <option
+                                value="PS"
+                              >
+                                Palestine, State of
+                              </option>
+                              <option
+                                value="PA"
+                              >
+                                Panama
+                              </option>
+                              <option
+                                value="PG"
+                              >
+                                Papua New Guinea
+                              </option>
+                              <option
+                                value="PY"
+                              >
+                                Paraguay
+                              </option>
+                              <option
+                                value="PE"
+                              >
+                                Peru
+                              </option>
+                              <option
+                                value="PH"
+                              >
+                                Philippines
+                              </option>
+                              <option
+                                value="PN"
+                              >
+                                Pitcairn
+                              </option>
+                              <option
+                                value="PL"
+                              >
+                                Poland
+                              </option>
+                              <option
+                                value="PT"
+                              >
+                                Portugal
+                              </option>
+                              <option
+                                value="PR"
+                              >
+                                Puerto Rico
+                              </option>
+                              <option
+                                value="QA"
+                              >
+                                Qatar
+                              </option>
+                              <option
+                                value="RO"
+                              >
+                                Romania
+                              </option>
+                              <option
+                                value="RU"
+                              >
+                                Russian Federation
+                              </option>
+                              <option
+                                value="RW"
+                              >
+                                Rwanda
+                              </option>
+                              <option
+                                value="RE"
+                              >
+                                Réunion
+                              </option>
+                              <option
+                                value="SH"
+                              >
+                                Saint Helena, Ascension and Tristan da Cunha
+                              </option>
+                              <option
+                                value="KN"
+                              >
+                                Saint Kitts and Nevis
+                              </option>
+                              <option
+                                value="LC"
+                              >
+                                Saint Lucia
+                              </option>
+                              <option
+                                value="PM"
+                              >
+                                Saint Pierre and Miquelon
+                              </option>
+                              <option
+                                value="VC"
+                              >
+                                Saint Vincent and the Grenadines
+                              </option>
+                              <option
+                                value="WS"
+                              >
+                                Samoa
+                              </option>
+                              <option
+                                value="SM"
+                              >
+                                San Marino
+                              </option>
+                              <option
+                                value="SA"
+                              >
+                                Saudi Arabia
+                              </option>
+                              <option
+                                value="SN"
+                              >
+                                Senegal
+                              </option>
+                              <option
+                                value="RS"
+                              >
+                                Serbia
+                              </option>
+                              <option
+                                value="SC"
+                              >
+                                Seychelles
+                              </option>
+                              <option
+                                value="SL"
+                              >
+                                Sierra Leone
+                              </option>
+                              <option
+                                value="SG"
+                              >
+                                Singapore
+                              </option>
+                              <option
+                                value="SK"
+                              >
+                                Slovakia
+                              </option>
+                              <option
+                                value="SI"
+                              >
+                                Slovenia
+                              </option>
+                              <option
+                                value="SB"
+                              >
+                                Solomon Islands
+                              </option>
+                              <option
+                                value="SO"
+                              >
+                                Somalia
+                              </option>
+                              <option
+                                value="ZA"
+                              >
+                                South Africa
+                              </option>
+                              <option
+                                value="GS"
+                              >
+                                South Georgia and the South Sandwich Islands
+                              </option>
+                              <option
+                                value="SS"
+                              >
+                                South Sudan
+                              </option>
+                              <option
+                                value="ES"
+                              >
+                                Spain
+                              </option>
+                              <option
+                                value="LK"
+                              >
+                                Sri Lanka
+                              </option>
+                              <option
+                                value="SD"
+                              >
+                                Sudan
+                              </option>
+                              <option
+                                value="SR"
+                              >
+                                Suriname
+                              </option>
+                              <option
+                                value="SJ"
+                              >
+                                Svalbard and Jan Mayen
+                              </option>
+                              <option
+                                value="SZ"
+                              >
+                                Swaziland
+                              </option>
+                              <option
+                                value="SE"
+                              >
+                                Sweden
+                              </option>
+                              <option
+                                value="CH"
+                              >
+                                Switzerland
+                              </option>
+                              <option
+                                value="SY"
+                              >
+                                Syrian Arab Republic
+                              </option>
+                              <option
+                                value="ST"
+                              >
+                                São Tomé and Príncipe
+                              </option>
+                              <option
+                                value="TW"
+                              >
+                                Taiwan
+                              </option>
+                              <option
+                                value="TJ"
+                              >
+                                Tajikistan
+                              </option>
+                              <option
+                                value="TZ"
+                              >
+                                Tanzania, United Republic of
+                              </option>
+                              <option
+                                value="TH"
+                              >
+                                Thailand
+                              </option>
+                              <option
+                                value="TL"
+                              >
+                                Timor-Leste
+                              </option>
+                              <option
+                                value="TG"
+                              >
+                                Togo
+                              </option>
+                              <option
+                                value="TK"
+                              >
+                                Tokelau
+                              </option>
+                              <option
+                                value="TO"
+                              >
+                                Tonga
+                              </option>
+                              <option
+                                value="TT"
+                              >
+                                Trinidad and Tobago
+                              </option>
+                              <option
+                                value="TN"
+                              >
+                                Tunisia
+                              </option>
+                              <option
+                                value="TR"
+                              >
+                                Turkey
+                              </option>
+                              <option
+                                value="TM"
+                              >
+                                Turkmenistan
+                              </option>
+                              <option
+                                value="TC"
+                              >
+                                Turks and Caicos Islands
+                              </option>
+                              <option
+                                value="TV"
+                              >
+                                Tuvalu
+                              </option>
+                              <option
+                                value="UG"
+                              >
+                                Uganda
+                              </option>
+                              <option
+                                value="UA"
+                              >
+                                Ukraine
+                              </option>
+                              <option
+                                value="AE"
+                              >
+                                United Arab Emirates
+                              </option>
+                              <option
+                                value="GB"
+                              >
+                                United Kingdom
+                              </option>
+                              <option
+                                value="US"
+                              >
+                                United States
+                              </option>
+                              <option
+                                value="UM"
+                              >
+                                United States Minor Outlying Islands
+                              </option>
+                              <option
+                                value="UY"
+                              >
+                                Uruguay
+                              </option>
+                              <option
+                                value="UZ"
+                              >
+                                Uzbekistan
+                              </option>
+                              <option
+                                value="VU"
+                              >
+                                Vanuatu
+                              </option>
+                              <option
+                                value="VE"
+                              >
+                                Venezuela, Bolivarian Republic of
+                              </option>
+                              <option
+                                value="VN"
+                              >
+                                Viet Nam
+                              </option>
+                              <option
+                                value="VG"
+                              >
+                                Virgin Islands, British
+                              </option>
+                              <option
+                                value="VI"
+                              >
+                                Virgin Islands, U.S.
+                              </option>
+                              <option
+                                value="WF"
+                              >
+                                Wallis and Futuna
+                              </option>
+                              <option
+                                value="EH"
+                              >
+                                Western Sahara
+                              </option>
+                              <option
+                                value="YE"
+                              >
+                                Yemen
+                              </option>
+                              <option
+                                value="ZM"
+                              >
+                                Zambia
+                              </option>
+                              <option
+                                value="ZW"
+                              >
+                                Zimbabwe
+                              </option>
+                              <option
+                                value="AX"
+                              >
+                                Åland Islands
+                              </option>
+                            </select>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-46"
+                              data-testid="ArrowDropDownIcon"
+                              focusable="false"
+                              viewBox="0 0 24 24"
+                            >
+                              <path
+                                d="M7 10l5 5 5-5z"
+                              />
+                            </svg>
+                          </div>
                         </div>
-                      </div>
-                      <div
-                        class="MuiBox-root emotion-46"
-                        dir="ltr"
-                      >
                         <div
                           class="MuiBox-root emotion-47"
+                          dir="ltr"
                         >
-                          <label
-                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-42"
-                            data-shrink="false"
-                            dir="ltr"
-                            for="authenticator.phoneNumber"
-                          >
-                            Phone number
-                          </label>
                           <div
-                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-49"
-                            dir="ltr"
-                            required="true"
+                            class="MuiBox-root emotion-48"
                           >
-                            <span
-                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-50"
-                            >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 emotion-51"
+                            <label
+                              class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-43"
+                              data-shrink="false"
+                              dir="ltr"
+                              for="authenticator.phoneNumber"
+                            >
+                              Phone number
+                            </label>
+                            <div
+                              class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-50"
+                              dir="ltr"
+                              required="true"
+                            >
+                              <span
+                                class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-51"
                               >
-                                +1
-                              </p>
-                            </span>
-                            <input
-                              aria-invalid="false"
-                              autocomplete="tel-national"
-                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-52"
-                              data-se="authenticator.phoneNumber"
-                              id="authenticator.phoneNumber"
-                              inputmode="tel"
-                              name="authenticator.phoneNumber"
-                              required=""
-                              type="tel"
-                            />
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 emotion-52"
+                                >
+                                  +1
+                                </p>
+                              </span>
+                              <input
+                                aria-invalid="false"
+                                autocomplete="tel-national"
+                                class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-53"
+                                data-se="authenticator.phoneNumber"
+                                id="authenticator.phoneNumber"
+                                inputmode="tel"
+                                name="authenticator.phoneNumber"
+                                required=""
+                                type="tel"
+                              />
+                            </div>
                           </div>
                         </div>
                       </div>
                     </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                        data-type="save"
+                        tabindex="0"
+                        type="submit"
+                      >
+                        Receive a code via SMS
+                      </button>
+                    </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                      data-type="save"
-                      tabindex="0"
-                      type="submit"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
                     >
-                      Receive a code via SMS
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-56"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-57"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/device-code-activate.test.tsx.snap b/src/v3/test/integration/__snapshots__/device-code-activate.test.tsx.snap
index 47245adf72..01ecafd76e 100644
--- a/src/v3/test/integration/__snapshots__/device-code-activate.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/device-code-activate.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`device-code-activate should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,78 +43,82 @@ exports[`device-code-activate should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="user-code_Title_Activate_your_device_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Activate your device
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="user-code_Title_Activate_your_device_1"
+                        tabindex="-1"
+                      >
+                        Activate your device
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="o-form-explain"
-                      id="user-code_Description_Follow_the_instructions_on_your_device_to_get_an_activation_code_2"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Follow the instructions on your device to get an activation code
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="o-form-explain"
+                        id="user-code_Description_Follow_the_instructions_on_your_device_to_get_an_activation_code_2"
+                      >
+                        Follow the instructions on your device to get an activation code
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userCode"
-                    >
-                      Activation Code
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-18"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-19"
-                        data-se="userCode"
-                        id="userCode"
-                        name="userCode"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userCode"
+                      >
+                        Activation Code
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-20"
+                          data-se="userCode"
+                          id="userCode"
+                          name="userCode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-21"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Next
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-22"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/email-challenge-consent.test.tsx.snap b/src/v3/test/integration/__snapshots__/email-challenge-consent.test.tsx.snap
index bccc07e6aa..f9da57e373 100644
--- a/src/v3/test/integration/__snapshots__/email-challenge-consent.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/email-challenge-consent.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`email-challenge-consent should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,170 +118,174 @@ exports[`email-challenge-consent should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="email-challenge-consent_Title_Did_you_just_try_to_sign_in_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Did you just try to sign in?
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="email-challenge-consent_Title_Did_you_just_try_to_sign_in_1"
+                        tabindex="-1"
+                      >
+                        Did you just try to sign in?
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
-                    id="browser"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-20"
-                      data-se="icon-browser"
+                      id="browser"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-21"
+                        data-se="icon-browser"
                       >
-                        <title>
-                          Browser
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
-                          stroke="#1662DD"
-                        />
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
-                          stroke="#1662DD"
-                        />
-                        <rect
-                          class="siwIconFillPrimary"
-                          fill="#1662DD"
-                          height="1"
-                          width="12"
-                          x="2"
-                          y="9"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 no-translate emotion-22"
-                        data-se="text-browser"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Browser
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
+                            stroke="#1662DD"
+                          />
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
+                            stroke="#1662DD"
+                          />
+                          <rect
+                            class="siwIconFillPrimary"
+                            fill="#1662DD"
+                            height="1"
+                            width="12"
+                            x="2"
+                            y="9"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        CHROME
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 no-translate emotion-23"
+                          data-se="text-browser"
+                        >
+                          CHROME
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
-                    id="appName"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-20"
-                      data-se="icon-appName"
+                      id="appName"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-21"
+                        data-se="icon-appName"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 no-translate emotion-22"
-                        data-se="text-appName"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Okta Dashboard
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 no-translate emotion-23"
+                          data-se="text-appName"
+                        >
+                          Okta Dashboard
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-29"
-                    data-type="cancel"
-                    tabindex="0"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    No, it's not me
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-31"
-                    data-type="save"
-                    tabindex="0"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-30"
+                      data-type="cancel"
+                      tabindex="0"
+                      type="button"
+                    >
+                      No, it's not me
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Yes, it's me
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-32"
+                      data-type="save"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Yes, it's me
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enduser-consent-without-logo.test.tsx.snap b/src/v3/test/integration/__snapshots__/enduser-consent-without-logo.test.tsx.snap
index f482a46737..6e5ac214da 100644
--- a/src/v3/test/integration/__snapshots__/enduser-consent-without-logo.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enduser-consent-without-logo.test.tsx.snap
@@ -2,120 +2,124 @@
 
 exports[`enduser-consent-without-lgoo should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
               />
-              <span
-                class="title-text MuiBox-root emotion-9"
-              >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-10"
-                >
-                  Native client
-                </h2>
-                <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-11"
-                >
-                  would like to:
-                </p>
-              </span>
             </div>
             <div
-              class="identifier-container MuiBox-root emotion-12"
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-13"
+                class="MuiBox-root emotion-1"
               >
+                <div
+                  class="MuiBox-root emotion-9"
+                />
                 <span
+                  class="title-text MuiBox-root emotion-10"
+                >
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-11"
+                  >
+                    Native client
+                  </h2>
+                  <p
+                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-12"
+                  >
+                    would like to:
+                  </p>
+                </span>
+              </div>
+              <div
+                class="identifier-container MuiBox-root emotion-13"
+              >
+                <div
                   class="MuiBox-root emotion-14"
+                >
+                  <span
+                    class="MuiBox-root emotion-15"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-16"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-17"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
+              </div>
+              <div
+                class="MuiBox-root emotion-18"
+              >
+                <span
+                  aria-label="Processing..."
+                  aria-valuetext="Processing..."
+                  class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-19"
+                  role="progressbar"
+                  style="width: 1.14285714rem; height: 1.14285714rem;"
                 >
                   <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-15"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                    class="MuiCircularProgress-svg emotion-20"
+                    viewBox="22 22 44 44"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
+                    <circle
+                      class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-21"
+                      cx="44"
+                      cy="44"
+                      fill="none"
+                      r="18"
+                      stroke-width="8"
                     />
-                    <title>
-                      User
-                    </title>
                   </svg>
                 </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-16"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
               </div>
             </div>
-            <div
-              class="MuiBox-root emotion-17"
-            >
-              <span
-                aria-label="Processing..."
-                aria-valuetext="Processing..."
-                class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-18"
-                role="progressbar"
-                style="width: 1.14285714rem; height: 1.14285714rem;"
-              >
-                <svg
-                  class="MuiCircularProgress-svg emotion-19"
-                  viewBox="22 22 44 44"
-                >
-                  <circle
-                    class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-20"
-                    cx="44"
-                    cy="44"
-                    fill="none"
-                    r="18"
-                    stroke-width="8"
-                  />
-                </svg>
-              </span>
-            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enduser-consent.test.tsx.snap b/src/v3/test/integration/__snapshots__/enduser-consent.test.tsx.snap
index c91ce23ba2..5cdb449b0c 100644
--- a/src/v3/test/integration/__snapshots__/enduser-consent.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enduser-consent.test.tsx.snap
@@ -2,139 +2,143 @@
 
 exports[`enduser-consent should render form with logo 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="MuiBox-root emotion-1"
               >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-9"
                 >
-                  <a
-                    aria-label="Logo for the app"
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-10"
-                    href="https://client._funky-ch4rs.com"
-                    rel="noopener noreferrer"
-                    target="_blank"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <img
-                      alt="Logo for the app"
-                      aria-hidden="true"
-                      class="client-logo custom-logo MuiBox-root emotion-11"
-                      src="https://example.com/logo"
-                    />
-                  </a>
+                    <a
+                      aria-label="Logo for the app"
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-11"
+                      href="https://client._funky-ch4rs.com"
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      <img
+                        alt="Logo for the app"
+                        aria-hidden="true"
+                        class="client-logo custom-logo MuiBox-root emotion-12"
+                        src="https://example.com/logo"
+                      />
+                    </a>
+                  </div>
                 </div>
+                <span
+                  class="title-text MuiBox-root emotion-13"
+                >
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-14"
+                  >
+                    Native client
+                  </h2>
+                  <p
+                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                  >
+                    would like to:
+                  </p>
+                </span>
               </div>
-              <span
-                class="title-text MuiBox-root emotion-12"
+              <div
+                class="identifier-container MuiBox-root emotion-16"
               >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-13"
-                >
-                  Native client
-                </h2>
-                <p
-                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
+                <div
+                  class="MuiBox-root emotion-17"
                 >
-                  would like to:
-                </p>
-              </span>
-            </div>
-            <div
-              class="identifier-container MuiBox-root emotion-15"
-            >
+                  <span
+                    class="MuiBox-root emotion-18"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-20"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
+              </div>
               <div
-                class="MuiBox-root emotion-16"
+                class="MuiBox-root emotion-21"
               >
                 <span
-                  class="MuiBox-root emotion-17"
+                  aria-label="Processing..."
+                  aria-valuetext="Processing..."
+                  class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-22"
+                  role="progressbar"
+                  style="width: 1.14285714rem; height: 1.14285714rem;"
                 >
                   <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                    class="MuiCircularProgress-svg emotion-23"
+                    viewBox="22 22 44 44"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
+                    <circle
+                      class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-24"
+                      cx="44"
+                      cy="44"
+                      fill="none"
+                      r="18"
+                      stroke-width="8"
                     />
-                    <title>
-                      User
-                    </title>
                   </svg>
                 </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-19"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
               </div>
             </div>
-            <div
-              class="MuiBox-root emotion-20"
-            >
-              <span
-                aria-label="Processing..."
-                aria-valuetext="Processing..."
-                class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-21"
-                role="progressbar"
-                style="width: 1.14285714rem; height: 1.14285714rem;"
-              >
-                <svg
-                  class="MuiCircularProgress-svg emotion-22"
-                  viewBox="22 22 44 44"
-                >
-                  <circle
-                    class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-23"
-                    cx="44"
-                    cy="44"
-                    fill="none"
-                    r="18"
-                    stroke-width="8"
-                  />
-                </svg>
-              </span>
-            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-new-additional-fields.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-new-additional-fields.test.tsx.snap
index 0cf015170f..3afee6d48c 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-new-additional-fields.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-new-additional-fields.test.tsx.snap
@@ -2,3599 +2,3607 @@
 
 exports[`enroll-profile-new-additional-fields fails client side validation with empty required fields 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.firstName"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.firstName"
                       >
-                        *
-                      </span>
-                    </label>
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.firstName-error  "
+                          aria-invalid="true"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.firstName-error"
+                          id="userProfile.firstName-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" userProfile.firstName-error  "
-                        aria-invalid="true"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.lastName-error  "
+                          aria-invalid="true"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.lastName-error"
+                          id="userProfile.lastName-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.firstName-error"
-                        id="userProfile.firstName-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.email"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.email-error  "
+                          aria-invalid="true"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.email-error"
+                          id="userProfile.email-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.lastName"
+                    <div
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-46"
                     >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-47"
+                        data-shrink="false"
+                        for="userProfile.country"
                       >
-                        *
-                      </span>
-                    </label>
+                        Country
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl  emotion-49"
+                        required="true"
+                      >
+                        <select
+                          aria-describedby=" userProfile.country-error  "
+                          aria-invalid="true"
+                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-50"
+                          data-se="userProfile.country"
+                          id="userProfile.country"
+                          name="userProfile.country"
+                          required=""
+                        >
+                          <option
+                            value=""
+                          >
+                            Select an option
+                          </option>
+                          <option
+                            value="AF"
+                          >
+                            Afghanistan (AF)
+                          </option>
+                          <option
+                            value="AL"
+                          >
+                            Albania (AL)
+                          </option>
+                          <option
+                            value="DZ"
+                          >
+                            Algeria (DZ)
+                          </option>
+                          <option
+                            value="AS"
+                          >
+                            American Samoa (AS)
+                          </option>
+                          <option
+                            value="AD"
+                          >
+                            Andorra (AD)
+                          </option>
+                          <option
+                            value="AO"
+                          >
+                            Angola (AO)
+                          </option>
+                          <option
+                            value="AI"
+                          >
+                            Anguilla (AI)
+                          </option>
+                          <option
+                            value="AQ"
+                          >
+                            Antarctica (AQ)
+                          </option>
+                          <option
+                            value="AG"
+                          >
+                            Antigua and Barbuda (AG)
+                          </option>
+                          <option
+                            value="AR"
+                          >
+                            Argentina (AR)
+                          </option>
+                          <option
+                            value="AM"
+                          >
+                            Armenia (AM)
+                          </option>
+                          <option
+                            value="AW"
+                          >
+                            Aruba (AW)
+                          </option>
+                          <option
+                            value="AU"
+                          >
+                            Australia (AU)
+                          </option>
+                          <option
+                            value="AT"
+                          >
+                            Austria (AT)
+                          </option>
+                          <option
+                            value="AZ"
+                          >
+                            Azerbaijan (AZ)
+                          </option>
+                          <option
+                            value="BS"
+                          >
+                            Bahamas (BS)
+                          </option>
+                          <option
+                            value="BH"
+                          >
+                            Bahrain (BH)
+                          </option>
+                          <option
+                            value="BD"
+                          >
+                            Bangladesh (BD)
+                          </option>
+                          <option
+                            value="BB"
+                          >
+                            Barbados (BB)
+                          </option>
+                          <option
+                            value="BY"
+                          >
+                            Belarus (BY)
+                          </option>
+                          <option
+                            value="BE"
+                          >
+                            Belgium (BE)
+                          </option>
+                          <option
+                            value="BZ"
+                          >
+                            Belize (BZ)
+                          </option>
+                          <option
+                            value="BJ"
+                          >
+                            Benin (BJ)
+                          </option>
+                          <option
+                            value="BM"
+                          >
+                            Bermuda (BM)
+                          </option>
+                          <option
+                            value="BT"
+                          >
+                            Bhutan (BT)
+                          </option>
+                          <option
+                            value="BO"
+                          >
+                            Bolivia, Plurinational State of (BO)
+                          </option>
+                          <option
+                            value="BA"
+                          >
+                            Bosnia and Herzegovina (BA)
+                          </option>
+                          <option
+                            value="BW"
+                          >
+                            Botswana (BW)
+                          </option>
+                          <option
+                            value="BR"
+                          >
+                            Brazil (BR)
+                          </option>
+                          <option
+                            value="IO"
+                          >
+                            British Indian Ocean Territory (IO)
+                          </option>
+                          <option
+                            value="BN"
+                          >
+                            Brunei Darussalam (BN)
+                          </option>
+                          <option
+                            value="BG"
+                          >
+                            Bulgaria (BG)
+                          </option>
+                          <option
+                            value="BF"
+                          >
+                            Burkina Faso (BF)
+                          </option>
+                          <option
+                            value="BI"
+                          >
+                            Burundi (BI)
+                          </option>
+                          <option
+                            value="KH"
+                          >
+                            Cambodia (KH)
+                          </option>
+                          <option
+                            value="CM"
+                          >
+                            Cameroon (CM)
+                          </option>
+                          <option
+                            value="CA"
+                          >
+                            Canada (CA)
+                          </option>
+                          <option
+                            value="CV"
+                          >
+                            Cape Verde (CV)
+                          </option>
+                          <option
+                            value="KY"
+                          >
+                            Cayman Islands (KY)
+                          </option>
+                          <option
+                            value="CF"
+                          >
+                            Central African Republic (CF)
+                          </option>
+                          <option
+                            value="TD"
+                          >
+                            Chad (TD)
+                          </option>
+                          <option
+                            value="CL"
+                          >
+                            Chile (CL)
+                          </option>
+                          <option
+                            value="CN"
+                          >
+                            China (CN)
+                          </option>
+                          <option
+                            value="CX"
+                          >
+                            Christmas Island (CX)
+                          </option>
+                          <option
+                            value="CO"
+                          >
+                            Colombia (CO)
+                          </option>
+                          <option
+                            value="KM"
+                          >
+                            Comoros (KM)
+                          </option>
+                          <option
+                            value="CG"
+                          >
+                            Congo (CG)
+                          </option>
+                          <option
+                            value="CD"
+                          >
+                            Congo, the Democratic Republic of the (CD)
+                          </option>
+                          <option
+                            value="CK"
+                          >
+                            Cook Islands (CK)
+                          </option>
+                          <option
+                            value="CR"
+                          >
+                            Costa Rica (CR)
+                          </option>
+                          <option
+                            value="HR"
+                          >
+                            Croatia (HR)
+                          </option>
+                          <option
+                            value="CU"
+                          >
+                            Cuba (CU)
+                          </option>
+                          <option
+                            value="CY"
+                          >
+                            Cyprus (CY)
+                          </option>
+                          <option
+                            value="CZ"
+                          >
+                            Czech Republic (CZ)
+                          </option>
+                          <option
+                            value="CI"
+                          >
+                            Côte d'Ivoire (CI)
+                          </option>
+                          <option
+                            value="DK"
+                          >
+                            Denmark (DK)
+                          </option>
+                          <option
+                            value="DJ"
+                          >
+                            Djibouti (DJ)
+                          </option>
+                          <option
+                            value="DM"
+                          >
+                            Dominica (DM)
+                          </option>
+                          <option
+                            value="DO"
+                          >
+                            Dominican Republic (DO)
+                          </option>
+                          <option
+                            value="EC"
+                          >
+                            Ecuador (EC)
+                          </option>
+                          <option
+                            value="EG"
+                          >
+                            Egypt (EG)
+                          </option>
+                          <option
+                            value="SV"
+                          >
+                            El Salvador (SV)
+                          </option>
+                          <option
+                            value="GQ"
+                          >
+                            Equatorial Guinea (GQ)
+                          </option>
+                          <option
+                            value="ER"
+                          >
+                            Eritrea (ER)
+                          </option>
+                          <option
+                            value="EE"
+                          >
+                            Estonia (EE)
+                          </option>
+                          <option
+                            value="ET"
+                          >
+                            Ethiopia (ET)
+                          </option>
+                          <option
+                            value="FK"
+                          >
+                            Falkland Islands (Malvinas) (FK)
+                          </option>
+                          <option
+                            value="FO"
+                          >
+                            Faroe Islands (FO)
+                          </option>
+                          <option
+                            value="FJ"
+                          >
+                            Fiji (FJ)
+                          </option>
+                          <option
+                            value="FI"
+                          >
+                            Finland (FI)
+                          </option>
+                          <option
+                            value="FR"
+                          >
+                            France (FR)
+                          </option>
+                          <option
+                            value="GF"
+                          >
+                            French Guiana (GF)
+                          </option>
+                          <option
+                            value="PF"
+                          >
+                            French Polynesia (PF)
+                          </option>
+                          <option
+                            value="GA"
+                          >
+                            Gabon (GA)
+                          </option>
+                          <option
+                            value="GM"
+                          >
+                            Gambia (GM)
+                          </option>
+                          <option
+                            value="GE"
+                          >
+                            Georgia (GE)
+                          </option>
+                          <option
+                            value="DE"
+                          >
+                            Germany (DE)
+                          </option>
+                          <option
+                            value="GH"
+                          >
+                            Ghana (GH)
+                          </option>
+                          <option
+                            value="GI"
+                          >
+                            Gibraltar (GI)
+                          </option>
+                          <option
+                            value="GR"
+                          >
+                            Greece (GR)
+                          </option>
+                          <option
+                            value="GL"
+                          >
+                            Greenland (GL)
+                          </option>
+                          <option
+                            value="GD"
+                          >
+                            Grenada (GD)
+                          </option>
+                          <option
+                            value="GP"
+                          >
+                            Guadeloupe (GP)
+                          </option>
+                          <option
+                            value="GU"
+                          >
+                            Guam (GU)
+                          </option>
+                          <option
+                            value="GT"
+                          >
+                            Guatemala (GT)
+                          </option>
+                          <option
+                            value="GG"
+                          >
+                            Guernsey (GG)
+                          </option>
+                          <option
+                            value="GN"
+                          >
+                            Guinea (GN)
+                          </option>
+                          <option
+                            value="GW"
+                          >
+                            Guinea-Bissau (GW)
+                          </option>
+                          <option
+                            value="GY"
+                          >
+                            Guyana (GY)
+                          </option>
+                          <option
+                            value="HT"
+                          >
+                            Haiti (HT)
+                          </option>
+                          <option
+                            value="VA"
+                          >
+                            Holy See (Vatican City State) (VA)
+                          </option>
+                          <option
+                            value="HN"
+                          >
+                            Honduras (HN)
+                          </option>
+                          <option
+                            value="HK"
+                          >
+                            Hong Kong (HK)
+                          </option>
+                          <option
+                            value="HU"
+                          >
+                            Hungary (HU)
+                          </option>
+                          <option
+                            value="IS"
+                          >
+                            Iceland (IS)
+                          </option>
+                          <option
+                            value="IN"
+                          >
+                            India (IN)
+                          </option>
+                          <option
+                            value="ID"
+                          >
+                            Indonesia (ID)
+                          </option>
+                          <option
+                            value="IR"
+                          >
+                            Iran, Islamic Republic of (IR)
+                          </option>
+                          <option
+                            value="IQ"
+                          >
+                            Iraq (IQ)
+                          </option>
+                          <option
+                            value="IE"
+                          >
+                            Ireland (IE)
+                          </option>
+                          <option
+                            value="IL"
+                          >
+                            Israel (IL)
+                          </option>
+                          <option
+                            value="IT"
+                          >
+                            Italy (IT)
+                          </option>
+                          <option
+                            value="JM"
+                          >
+                            Jamaica (JM)
+                          </option>
+                          <option
+                            value="JP"
+                          >
+                            Japan (JP)
+                          </option>
+                          <option
+                            value="JE"
+                          >
+                            Jersey (JE)
+                          </option>
+                          <option
+                            value="JO"
+                          >
+                            Jordan (JO)
+                          </option>
+                          <option
+                            value="KZ"
+                          >
+                            Kazakhstan (KZ)
+                          </option>
+                          <option
+                            value="KE"
+                          >
+                            Kenya (KE)
+                          </option>
+                          <option
+                            value="KI"
+                          >
+                            Kiribati (KI)
+                          </option>
+                          <option
+                            value="KP"
+                          >
+                            Korea, Democratic People's Republic of (KP)
+                          </option>
+                          <option
+                            value="KR"
+                          >
+                            Korea, Republic of (KR)
+                          </option>
+                          <option
+                            value="XK"
+                          >
+                            Kosovo, Republic of (XK)
+                          </option>
+                          <option
+                            value="KW"
+                          >
+                            Kuwait (KW)
+                          </option>
+                          <option
+                            value="KG"
+                          >
+                            Kyrgyzstan (KG)
+                          </option>
+                          <option
+                            value="LA"
+                          >
+                            Lao People's Democratic Republic (LA)
+                          </option>
+                          <option
+                            value="LV"
+                          >
+                            Latvia (LV)
+                          </option>
+                          <option
+                            value="LB"
+                          >
+                            Lebanon (LB)
+                          </option>
+                          <option
+                            value="LS"
+                          >
+                            Lesotho (LS)
+                          </option>
+                          <option
+                            value="LR"
+                          >
+                            Liberia (LR)
+                          </option>
+                          <option
+                            value="LY"
+                          >
+                            Libya (LY)
+                          </option>
+                          <option
+                            value="LI"
+                          >
+                            Liechtenstein (LI)
+                          </option>
+                          <option
+                            value="LT"
+                          >
+                            Lithuania (LT)
+                          </option>
+                          <option
+                            value="LU"
+                          >
+                            Luxembourg (LU)
+                          </option>
+                          <option
+                            value="MO"
+                          >
+                            Macao (MO)
+                          </option>
+                          <option
+                            value="MK"
+                          >
+                            Macedonia, the former Yugoslav Republic of (MK)
+                          </option>
+                          <option
+                            value="MG"
+                          >
+                            Madagascar (MG)
+                          </option>
+                          <option
+                            value="MW"
+                          >
+                            Malawi (MW)
+                          </option>
+                          <option
+                            value="MY"
+                          >
+                            Malaysia (MY)
+                          </option>
+                          <option
+                            value="MV"
+                          >
+                            Maldives (MV)
+                          </option>
+                          <option
+                            value="ML"
+                          >
+                            Mali (ML)
+                          </option>
+                          <option
+                            value="MT"
+                          >
+                            Malta (MT)
+                          </option>
+                          <option
+                            value="MH"
+                          >
+                            Marshall Islands (MH)
+                          </option>
+                          <option
+                            value="MQ"
+                          >
+                            Martinique (MQ)
+                          </option>
+                          <option
+                            value="MR"
+                          >
+                            Mauritania (MR)
+                          </option>
+                          <option
+                            value="MU"
+                          >
+                            Mauritius (MU)
+                          </option>
+                          <option
+                            value="YT"
+                          >
+                            Mayotte (YT)
+                          </option>
+                          <option
+                            value="MX"
+                          >
+                            Mexico (MX)
+                          </option>
+                          <option
+                            value="FM"
+                          >
+                            Micronesia, Federated States of (FM)
+                          </option>
+                          <option
+                            value="MD"
+                          >
+                            Moldova, Republic of (MD)
+                          </option>
+                          <option
+                            value="MC"
+                          >
+                            Monaco (MC)
+                          </option>
+                          <option
+                            value="MN"
+                          >
+                            Mongolia (MN)
+                          </option>
+                          <option
+                            value="ME"
+                          >
+                            Montenegro (ME)
+                          </option>
+                          <option
+                            value="MS"
+                          >
+                            Montserrat (MS)
+                          </option>
+                          <option
+                            value="MA"
+                          >
+                            Morocco (MA)
+                          </option>
+                          <option
+                            value="MZ"
+                          >
+                            Mozambique (MZ)
+                          </option>
+                          <option
+                            value="MM"
+                          >
+                            Myanmar (MM)
+                          </option>
+                          <option
+                            value="NA"
+                          >
+                            Namibia (NA)
+                          </option>
+                          <option
+                            value="NR"
+                          >
+                            Nauru (NR)
+                          </option>
+                          <option
+                            value="NP"
+                          >
+                            Nepal (NP)
+                          </option>
+                          <option
+                            value="NL"
+                          >
+                            Netherlands (NL)
+                          </option>
+                          <option
+                            value="AN"
+                          >
+                            Netherlands Antilles (AN)
+                          </option>
+                          <option
+                            value="NC"
+                          >
+                            New Caledonia (NC)
+                          </option>
+                          <option
+                            value="NZ"
+                          >
+                            New Zealand (NZ)
+                          </option>
+                          <option
+                            value="NI"
+                          >
+                            Nicaragua (NI)
+                          </option>
+                          <option
+                            value="NE"
+                          >
+                            Niger (NE)
+                          </option>
+                          <option
+                            value="NG"
+                          >
+                            Nigeria (NG)
+                          </option>
+                          <option
+                            value="NU"
+                          >
+                            Niue (NU)
+                          </option>
+                          <option
+                            value="NF"
+                          >
+                            Norfolk Island (NF)
+                          </option>
+                          <option
+                            value="MP"
+                          >
+                            Northern Mariana Islands (MP)
+                          </option>
+                          <option
+                            value="NO"
+                          >
+                            Norway (NO)
+                          </option>
+                          <option
+                            value="OM"
+                          >
+                            Oman (OM)
+                          </option>
+                          <option
+                            value="PK"
+                          >
+                            Pakistan (PK)
+                          </option>
+                          <option
+                            value="PW"
+                          >
+                            Palau (PW)
+                          </option>
+                          <option
+                            value="PS"
+                          >
+                            Palestine, State of (PS)
+                          </option>
+                          <option
+                            value="PA"
+                          >
+                            Panama (PA)
+                          </option>
+                          <option
+                            value="PG"
+                          >
+                            Papua New Guinea (PG)
+                          </option>
+                          <option
+                            value="PY"
+                          >
+                            Paraguay (PY)
+                          </option>
+                          <option
+                            value="PE"
+                          >
+                            Peru (PE)
+                          </option>
+                          <option
+                            value="PH"
+                          >
+                            Philippines (PH)
+                          </option>
+                          <option
+                            value="PN"
+                          >
+                            Pitcairn (PN)
+                          </option>
+                          <option
+                            value="PL"
+                          >
+                            Poland (PL)
+                          </option>
+                          <option
+                            value="PT"
+                          >
+                            Portugal (PT)
+                          </option>
+                          <option
+                            value="PR"
+                          >
+                            Puerto Rico (PR)
+                          </option>
+                          <option
+                            value="QA"
+                          >
+                            Qatar (QA)
+                          </option>
+                          <option
+                            value="RO"
+                          >
+                            Romania (RO)
+                          </option>
+                          <option
+                            value="RU"
+                          >
+                            Russian Federation (RU)
+                          </option>
+                          <option
+                            value="RW"
+                          >
+                            Rwanda (RW)
+                          </option>
+                          <option
+                            value="RE"
+                          >
+                            Réunion (RE)
+                          </option>
+                          <option
+                            value="SH"
+                          >
+                            Saint Helena, Ascension and Tristan da Cunha (SH)
+                          </option>
+                          <option
+                            value="KN"
+                          >
+                            Saint Kitts and Nevis (KN)
+                          </option>
+                          <option
+                            value="LC"
+                          >
+                            Saint Lucia (LC)
+                          </option>
+                          <option
+                            value="PM"
+                          >
+                            Saint Pierre and Miquelon (PM)
+                          </option>
+                          <option
+                            value="VC"
+                          >
+                            Saint Vincent and the Grenadines (VC)
+                          </option>
+                          <option
+                            value="WS"
+                          >
+                            Samoa (WS)
+                          </option>
+                          <option
+                            value="SM"
+                          >
+                            San Marino (SM)
+                          </option>
+                          <option
+                            value="SA"
+                          >
+                            Saudi Arabia (SA)
+                          </option>
+                          <option
+                            value="SN"
+                          >
+                            Senegal (SN)
+                          </option>
+                          <option
+                            value="RS"
+                          >
+                            Serbia (RS)
+                          </option>
+                          <option
+                            value="SC"
+                          >
+                            Seychelles (SC)
+                          </option>
+                          <option
+                            value="SL"
+                          >
+                            Sierra Leone (SL)
+                          </option>
+                          <option
+                            value="SG"
+                          >
+                            Singapore (SG)
+                          </option>
+                          <option
+                            value="SK"
+                          >
+                            Slovakia (SK)
+                          </option>
+                          <option
+                            value="SI"
+                          >
+                            Slovenia (SI)
+                          </option>
+                          <option
+                            value="SB"
+                          >
+                            Solomon Islands (SB)
+                          </option>
+                          <option
+                            value="SO"
+                          >
+                            Somalia (SO)
+                          </option>
+                          <option
+                            value="ZA"
+                          >
+                            South Africa (ZA)
+                          </option>
+                          <option
+                            value="GS"
+                          >
+                            South Georgia and the South Sandwich Islands (GS)
+                          </option>
+                          <option
+                            value="SS"
+                          >
+                            South Sudan (SS)
+                          </option>
+                          <option
+                            value="ES"
+                          >
+                            Spain (ES)
+                          </option>
+                          <option
+                            value="LK"
+                          >
+                            Sri Lanka (LK)
+                          </option>
+                          <option
+                            value="SD"
+                          >
+                            Sudan (SD)
+                          </option>
+                          <option
+                            value="SR"
+                          >
+                            Suriname (SR)
+                          </option>
+                          <option
+                            value="SJ"
+                          >
+                            Svalbard and Jan Mayen (SJ)
+                          </option>
+                          <option
+                            value="SZ"
+                          >
+                            Swaziland (SZ)
+                          </option>
+                          <option
+                            value="SE"
+                          >
+                            Sweden (SE)
+                          </option>
+                          <option
+                            value="CH"
+                          >
+                            Switzerland (CH)
+                          </option>
+                          <option
+                            value="SY"
+                          >
+                            Syrian Arab Republic (SY)
+                          </option>
+                          <option
+                            value="ST"
+                          >
+                            São Tomé and Príncipe (ST)
+                          </option>
+                          <option
+                            value="TW"
+                          >
+                            Taiwan (TW)
+                          </option>
+                          <option
+                            value="TJ"
+                          >
+                            Tajikistan (TJ)
+                          </option>
+                          <option
+                            value="TZ"
+                          >
+                            Tanzania, United Republic of (TZ)
+                          </option>
+                          <option
+                            value="TH"
+                          >
+                            Thailand (TH)
+                          </option>
+                          <option
+                            value="TL"
+                          >
+                            Timor-Leste (TL)
+                          </option>
+                          <option
+                            value="TG"
+                          >
+                            Togo (TG)
+                          </option>
+                          <option
+                            value="TK"
+                          >
+                            Tokelau (TK)
+                          </option>
+                          <option
+                            value="TO"
+                          >
+                            Tonga (TO)
+                          </option>
+                          <option
+                            value="TT"
+                          >
+                            Trinidad and Tobago (TT)
+                          </option>
+                          <option
+                            value="TN"
+                          >
+                            Tunisia (TN)
+                          </option>
+                          <option
+                            value="TR"
+                          >
+                            Turkey (TR)
+                          </option>
+                          <option
+                            value="TM"
+                          >
+                            Turkmenistan (TM)
+                          </option>
+                          <option
+                            value="TC"
+                          >
+                            Turks and Caicos Islands (TC)
+                          </option>
+                          <option
+                            value="TV"
+                          >
+                            Tuvalu (TV)
+                          </option>
+                          <option
+                            value="UG"
+                          >
+                            Uganda (UG)
+                          </option>
+                          <option
+                            value="UA"
+                          >
+                            Ukraine (UA)
+                          </option>
+                          <option
+                            value="AE"
+                          >
+                            United Arab Emirates (AE)
+                          </option>
+                          <option
+                            value="GB"
+                          >
+                            United Kingdom (GB)
+                          </option>
+                          <option
+                            value="US"
+                          >
+                            United States (US)
+                          </option>
+                          <option
+                            value="UM"
+                          >
+                            United States Minor Outlying Islands (UM)
+                          </option>
+                          <option
+                            value="UY"
+                          >
+                            Uruguay (UY)
+                          </option>
+                          <option
+                            value="UZ"
+                          >
+                            Uzbekistan (UZ)
+                          </option>
+                          <option
+                            value="VU"
+                          >
+                            Vanuatu (VU)
+                          </option>
+                          <option
+                            value="VE"
+                          >
+                            Venezuela, Bolivarian Republic of (VE)
+                          </option>
+                          <option
+                            value="VN"
+                          >
+                            Viet Nam (VN)
+                          </option>
+                          <option
+                            value="VG"
+                          >
+                            Virgin Islands, British (VG)
+                          </option>
+                          <option
+                            value="VI"
+                          >
+                            Virgin Islands, U.S. (VI)
+                          </option>
+                          <option
+                            value="WF"
+                          >
+                            Wallis and Futuna (WF)
+                          </option>
+                          <option
+                            value="EH"
+                          >
+                            Western Sahara (EH)
+                          </option>
+                          <option
+                            value="YE"
+                          >
+                            Yemen (YE)
+                          </option>
+                          <option
+                            value="ZM"
+                          >
+                            Zambia (ZM)
+                          </option>
+                          <option
+                            value="ZW"
+                          >
+                            Zimbabwe (ZW)
+                          </option>
+                          <option
+                            value="AX"
+                          >
+                            Åland Islands (AX)
+                          </option>
+                        </select>
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-51"
+                          data-testid="ArrowDropDownIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium emotion-28"
+                          data-se="userProfile.country-error"
+                          id="userProfile.country-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" userProfile.lastName-error  "
-                        aria-invalid="true"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.countryCode"
+                      >
+                        Country code
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.countryCode-error  "
+                          aria-invalid="true"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.countryCode"
+                          id="userProfile.countryCode"
+                          name="userProfile.countryCode"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.countryCode-error"
+                          id="userProfile.countryCode-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-46"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.lastName-error"
-                        id="userProfile.lastName-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-47"
+                        data-shrink="false"
+                        for="userProfile.timezone"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Time zone
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl  emotion-49"
+                        required="true"
+                      >
+                        <select
+                          aria-describedby=" userProfile.timezone-error  "
+                          aria-invalid="true"
+                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-50"
+                          data-se="userProfile.timezone"
+                          id="userProfile.timezone"
+                          name="userProfile.timezone"
+                          required=""
+                        >
+                          <option
+                            value=""
+                          >
+                            Select an option
+                          </option>
+                          <option
+                            value="GMT"
+                          >
+                            UTC
+                          </option>
+                          <option
+                            value="WET"
+                          >
+                            WET
+                          </option>
+                          <option
+                            value="CET"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="MET"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="ECT"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="EET"
+                          >
+                            EET
+                          </option>
+                          <option
+                            value="MIT"
+                          >
+                            Pacific/Apia
+                          </option>
+                          <option
+                            value="HST"
+                          >
+                            Pacific/Honolulu
+                          </option>
+                          <option
+                            value="AST"
+                          >
+                            America/Anchorage
+                          </option>
+                          <option
+                            value="PST"
+                          >
+                            America/Los_Angeles
+                          </option>
+                          <option
+                            value="MST"
+                          >
+                            America/Denver
+                          </option>
+                          <option
+                            value="PNT"
+                          >
+                            America/Phoenix
+                          </option>
+                          <option
+                            value="CST"
+                          >
+                            America/Chicago
+                          </option>
+                          <option
+                            value="EST"
+                          >
+                            America/New_York
+                          </option>
+                          <option
+                            value="IET"
+                          >
+                            America/Indiana/Indianapolis
+                          </option>
+                          <option
+                            value="PRT"
+                          >
+                            America/Puerto_Rico
+                          </option>
+                          <option
+                            value="CNT"
+                          >
+                            America/St_Johns
+                          </option>
+                          <option
+                            value="AGT"
+                          >
+                            America/Argentina/Buenos_Aires
+                          </option>
+                          <option
+                            value="BET"
+                          >
+                            America/Sao_Paulo
+                          </option>
+                          <option
+                            value="ART"
+                          >
+                            Africa/Cairo
+                          </option>
+                          <option
+                            value="CAT"
+                          >
+                            Africa/Harare
+                          </option>
+                          <option
+                            value="EAT"
+                          >
+                            Africa/Addis_Ababa
+                          </option>
+                          <option
+                            value="NET"
+                          >
+                            Asia/Yerevan
+                          </option>
+                          <option
+                            value="PLT"
+                          >
+                            Asia/Karachi
+                          </option>
+                          <option
+                            value="IST"
+                          >
+                            Asia/Kolkata
+                          </option>
+                          <option
+                            value="BST"
+                          >
+                            Asia/Dhaka
+                          </option>
+                          <option
+                            value="VST"
+                          >
+                            Asia/Ho_Chi_Minh
+                          </option>
+                          <option
+                            value="CTT"
+                          >
+                            Asia/Shanghai
+                          </option>
+                          <option
+                            value="JST"
+                          >
+                            Asia/Tokyo
+                          </option>
+                          <option
+                            value="ACT"
+                          >
+                            Australia/Darwin
+                          </option>
+                          <option
+                            value="AET"
+                          >
+                            Australia/Sydney
+                          </option>
+                          <option
+                            value="SST"
+                          >
+                            Pacific/Guadalcanal
+                          </option>
+                          <option
+                            value="NST"
+                          >
+                            Pacific/Auckland
+                          </option>
+                        </select>
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-51"
+                          data-testid="ArrowDropDownIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium emotion-28"
+                          data-se="userProfile.timezone-error"
+                          id="userProfile.timezone-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-72"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-74"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-75"
+                  >
+                    <div
+                      class="MuiBox-root emotion-76"
+                    >
+                      <div
+                        class="MuiBox-root emotion-16"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_12"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-76"
+                    >
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-80"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
                     </div>
                   </div>
                 </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`enroll-profile-new-additional-fields should render form 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-11"
                     >
-                      <input
-                        aria-describedby=" userProfile.email-error  "
-                        aria-invalid="true"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-11"
                     >
                       <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.email-error"
-                        id="userProfile.email-error"
-                        role="alert"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        This field cannot be left blank
+                        Fields are required unless marked optional.
                       </p>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-45"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-46"
-                      data-shrink="false"
-                      for="userProfile.country"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      Country
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.firstName"
                       >
-                        *
-                      </span>
-                    </label>
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl  emotion-48"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <select
-                        aria-describedby=" userProfile.country-error  "
-                        aria-invalid="true"
-                        class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-49"
-                        data-se="userProfile.country"
-                        id="userProfile.country"
-                        name="userProfile.country"
-                        required=""
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.lastName"
                       >
-                        <option
-                          value=""
-                        >
-                          Select an option
-                        </option>
-                        <option
-                          value="AF"
-                        >
-                          Afghanistan (AF)
-                        </option>
-                        <option
-                          value="AL"
-                        >
-                          Albania (AL)
-                        </option>
-                        <option
-                          value="DZ"
-                        >
-                          Algeria (DZ)
-                        </option>
-                        <option
-                          value="AS"
-                        >
-                          American Samoa (AS)
-                        </option>
-                        <option
-                          value="AD"
-                        >
-                          Andorra (AD)
-                        </option>
-                        <option
-                          value="AO"
-                        >
-                          Angola (AO)
-                        </option>
-                        <option
-                          value="AI"
-                        >
-                          Anguilla (AI)
-                        </option>
-                        <option
-                          value="AQ"
-                        >
-                          Antarctica (AQ)
-                        </option>
-                        <option
-                          value="AG"
-                        >
-                          Antigua and Barbuda (AG)
-                        </option>
-                        <option
-                          value="AR"
-                        >
-                          Argentina (AR)
-                        </option>
-                        <option
-                          value="AM"
-                        >
-                          Armenia (AM)
-                        </option>
-                        <option
-                          value="AW"
-                        >
-                          Aruba (AW)
-                        </option>
-                        <option
-                          value="AU"
-                        >
-                          Australia (AU)
-                        </option>
-                        <option
-                          value="AT"
-                        >
-                          Austria (AT)
-                        </option>
-                        <option
-                          value="AZ"
-                        >
-                          Azerbaijan (AZ)
-                        </option>
-                        <option
-                          value="BS"
-                        >
-                          Bahamas (BS)
-                        </option>
-                        <option
-                          value="BH"
-                        >
-                          Bahrain (BH)
-                        </option>
-                        <option
-                          value="BD"
-                        >
-                          Bangladesh (BD)
-                        </option>
-                        <option
-                          value="BB"
-                        >
-                          Barbados (BB)
-                        </option>
-                        <option
-                          value="BY"
-                        >
-                          Belarus (BY)
-                        </option>
-                        <option
-                          value="BE"
-                        >
-                          Belgium (BE)
-                        </option>
-                        <option
-                          value="BZ"
-                        >
-                          Belize (BZ)
-                        </option>
-                        <option
-                          value="BJ"
-                        >
-                          Benin (BJ)
-                        </option>
-                        <option
-                          value="BM"
-                        >
-                          Bermuda (BM)
-                        </option>
-                        <option
-                          value="BT"
-                        >
-                          Bhutan (BT)
-                        </option>
-                        <option
-                          value="BO"
-                        >
-                          Bolivia, Plurinational State of (BO)
-                        </option>
-                        <option
-                          value="BA"
-                        >
-                          Bosnia and Herzegovina (BA)
-                        </option>
-                        <option
-                          value="BW"
-                        >
-                          Botswana (BW)
-                        </option>
-                        <option
-                          value="BR"
-                        >
-                          Brazil (BR)
-                        </option>
-                        <option
-                          value="IO"
-                        >
-                          British Indian Ocean Territory (IO)
-                        </option>
-                        <option
-                          value="BN"
-                        >
-                          Brunei Darussalam (BN)
-                        </option>
-                        <option
-                          value="BG"
-                        >
-                          Bulgaria (BG)
-                        </option>
-                        <option
-                          value="BF"
-                        >
-                          Burkina Faso (BF)
-                        </option>
-                        <option
-                          value="BI"
-                        >
-                          Burundi (BI)
-                        </option>
-                        <option
-                          value="KH"
-                        >
-                          Cambodia (KH)
-                        </option>
-                        <option
-                          value="CM"
-                        >
-                          Cameroon (CM)
-                        </option>
-                        <option
-                          value="CA"
-                        >
-                          Canada (CA)
-                        </option>
-                        <option
-                          value="CV"
-                        >
-                          Cape Verde (CV)
-                        </option>
-                        <option
-                          value="KY"
-                        >
-                          Cayman Islands (KY)
-                        </option>
-                        <option
-                          value="CF"
-                        >
-                          Central African Republic (CF)
-                        </option>
-                        <option
-                          value="TD"
-                        >
-                          Chad (TD)
-                        </option>
-                        <option
-                          value="CL"
-                        >
-                          Chile (CL)
-                        </option>
-                        <option
-                          value="CN"
-                        >
-                          China (CN)
-                        </option>
-                        <option
-                          value="CX"
-                        >
-                          Christmas Island (CX)
-                        </option>
-                        <option
-                          value="CO"
-                        >
-                          Colombia (CO)
-                        </option>
-                        <option
-                          value="KM"
-                        >
-                          Comoros (KM)
-                        </option>
-                        <option
-                          value="CG"
-                        >
-                          Congo (CG)
-                        </option>
-                        <option
-                          value="CD"
-                        >
-                          Congo, the Democratic Republic of the (CD)
-                        </option>
-                        <option
-                          value="CK"
-                        >
-                          Cook Islands (CK)
-                        </option>
-                        <option
-                          value="CR"
-                        >
-                          Costa Rica (CR)
-                        </option>
-                        <option
-                          value="HR"
-                        >
-                          Croatia (HR)
-                        </option>
-                        <option
-                          value="CU"
-                        >
-                          Cuba (CU)
-                        </option>
-                        <option
-                          value="CY"
-                        >
-                          Cyprus (CY)
-                        </option>
-                        <option
-                          value="CZ"
-                        >
-                          Czech Republic (CZ)
-                        </option>
-                        <option
-                          value="CI"
-                        >
-                          Côte d'Ivoire (CI)
-                        </option>
-                        <option
-                          value="DK"
-                        >
-                          Denmark (DK)
-                        </option>
-                        <option
-                          value="DJ"
-                        >
-                          Djibouti (DJ)
-                        </option>
-                        <option
-                          value="DM"
-                        >
-                          Dominica (DM)
-                        </option>
-                        <option
-                          value="DO"
-                        >
-                          Dominican Republic (DO)
-                        </option>
-                        <option
-                          value="EC"
-                        >
-                          Ecuador (EC)
-                        </option>
-                        <option
-                          value="EG"
-                        >
-                          Egypt (EG)
-                        </option>
-                        <option
-                          value="SV"
-                        >
-                          El Salvador (SV)
-                        </option>
-                        <option
-                          value="GQ"
-                        >
-                          Equatorial Guinea (GQ)
-                        </option>
-                        <option
-                          value="ER"
-                        >
-                          Eritrea (ER)
-                        </option>
-                        <option
-                          value="EE"
-                        >
-                          Estonia (EE)
-                        </option>
-                        <option
-                          value="ET"
-                        >
-                          Ethiopia (ET)
-                        </option>
-                        <option
-                          value="FK"
-                        >
-                          Falkland Islands (Malvinas) (FK)
-                        </option>
-                        <option
-                          value="FO"
-                        >
-                          Faroe Islands (FO)
-                        </option>
-                        <option
-                          value="FJ"
-                        >
-                          Fiji (FJ)
-                        </option>
-                        <option
-                          value="FI"
-                        >
-                          Finland (FI)
-                        </option>
-                        <option
-                          value="FR"
-                        >
-                          France (FR)
-                        </option>
-                        <option
-                          value="GF"
-                        >
-                          French Guiana (GF)
-                        </option>
-                        <option
-                          value="PF"
-                        >
-                          French Polynesia (PF)
-                        </option>
-                        <option
-                          value="GA"
-                        >
-                          Gabon (GA)
-                        </option>
-                        <option
-                          value="GM"
-                        >
-                          Gambia (GM)
-                        </option>
-                        <option
-                          value="GE"
-                        >
-                          Georgia (GE)
-                        </option>
-                        <option
-                          value="DE"
-                        >
-                          Germany (DE)
-                        </option>
-                        <option
-                          value="GH"
-                        >
-                          Ghana (GH)
-                        </option>
-                        <option
-                          value="GI"
-                        >
-                          Gibraltar (GI)
-                        </option>
-                        <option
-                          value="GR"
-                        >
-                          Greece (GR)
-                        </option>
-                        <option
-                          value="GL"
-                        >
-                          Greenland (GL)
-                        </option>
-                        <option
-                          value="GD"
-                        >
-                          Grenada (GD)
-                        </option>
-                        <option
-                          value="GP"
-                        >
-                          Guadeloupe (GP)
-                        </option>
-                        <option
-                          value="GU"
-                        >
-                          Guam (GU)
-                        </option>
-                        <option
-                          value="GT"
-                        >
-                          Guatemala (GT)
-                        </option>
-                        <option
-                          value="GG"
-                        >
-                          Guernsey (GG)
-                        </option>
-                        <option
-                          value="GN"
-                        >
-                          Guinea (GN)
-                        </option>
-                        <option
-                          value="GW"
-                        >
-                          Guinea-Bissau (GW)
-                        </option>
-                        <option
-                          value="GY"
-                        >
-                          Guyana (GY)
-                        </option>
-                        <option
-                          value="HT"
-                        >
-                          Haiti (HT)
-                        </option>
-                        <option
-                          value="VA"
-                        >
-                          Holy See (Vatican City State) (VA)
-                        </option>
-                        <option
-                          value="HN"
-                        >
-                          Honduras (HN)
-                        </option>
-                        <option
-                          value="HK"
-                        >
-                          Hong Kong (HK)
-                        </option>
-                        <option
-                          value="HU"
-                        >
-                          Hungary (HU)
-                        </option>
-                        <option
-                          value="IS"
-                        >
-                          Iceland (IS)
-                        </option>
-                        <option
-                          value="IN"
-                        >
-                          India (IN)
-                        </option>
-                        <option
-                          value="ID"
-                        >
-                          Indonesia (ID)
-                        </option>
-                        <option
-                          value="IR"
-                        >
-                          Iran, Islamic Republic of (IR)
-                        </option>
-                        <option
-                          value="IQ"
-                        >
-                          Iraq (IQ)
-                        </option>
-                        <option
-                          value="IE"
-                        >
-                          Ireland (IE)
-                        </option>
-                        <option
-                          value="IL"
-                        >
-                          Israel (IL)
-                        </option>
-                        <option
-                          value="IT"
-                        >
-                          Italy (IT)
-                        </option>
-                        <option
-                          value="JM"
-                        >
-                          Jamaica (JM)
-                        </option>
-                        <option
-                          value="JP"
-                        >
-                          Japan (JP)
-                        </option>
-                        <option
-                          value="JE"
-                        >
-                          Jersey (JE)
-                        </option>
-                        <option
-                          value="JO"
-                        >
-                          Jordan (JO)
-                        </option>
-                        <option
-                          value="KZ"
-                        >
-                          Kazakhstan (KZ)
-                        </option>
-                        <option
-                          value="KE"
-                        >
-                          Kenya (KE)
-                        </option>
-                        <option
-                          value="KI"
-                        >
-                          Kiribati (KI)
-                        </option>
-                        <option
-                          value="KP"
-                        >
-                          Korea, Democratic People's Republic of (KP)
-                        </option>
-                        <option
-                          value="KR"
-                        >
-                          Korea, Republic of (KR)
-                        </option>
-                        <option
-                          value="XK"
-                        >
-                          Kosovo, Republic of (XK)
-                        </option>
-                        <option
-                          value="KW"
-                        >
-                          Kuwait (KW)
-                        </option>
-                        <option
-                          value="KG"
-                        >
-                          Kyrgyzstan (KG)
-                        </option>
-                        <option
-                          value="LA"
-                        >
-                          Lao People's Democratic Republic (LA)
-                        </option>
-                        <option
-                          value="LV"
-                        >
-                          Latvia (LV)
-                        </option>
-                        <option
-                          value="LB"
-                        >
-                          Lebanon (LB)
-                        </option>
-                        <option
-                          value="LS"
-                        >
-                          Lesotho (LS)
-                        </option>
-                        <option
-                          value="LR"
-                        >
-                          Liberia (LR)
-                        </option>
-                        <option
-                          value="LY"
-                        >
-                          Libya (LY)
-                        </option>
-                        <option
-                          value="LI"
-                        >
-                          Liechtenstein (LI)
-                        </option>
-                        <option
-                          value="LT"
-                        >
-                          Lithuania (LT)
-                        </option>
-                        <option
-                          value="LU"
-                        >
-                          Luxembourg (LU)
-                        </option>
-                        <option
-                          value="MO"
-                        >
-                          Macao (MO)
-                        </option>
-                        <option
-                          value="MK"
-                        >
-                          Macedonia, the former Yugoslav Republic of (MK)
-                        </option>
-                        <option
-                          value="MG"
-                        >
-                          Madagascar (MG)
-                        </option>
-                        <option
-                          value="MW"
-                        >
-                          Malawi (MW)
-                        </option>
-                        <option
-                          value="MY"
-                        >
-                          Malaysia (MY)
-                        </option>
-                        <option
-                          value="MV"
-                        >
-                          Maldives (MV)
-                        </option>
-                        <option
-                          value="ML"
-                        >
-                          Mali (ML)
-                        </option>
-                        <option
-                          value="MT"
-                        >
-                          Malta (MT)
-                        </option>
-                        <option
-                          value="MH"
-                        >
-                          Marshall Islands (MH)
-                        </option>
-                        <option
-                          value="MQ"
-                        >
-                          Martinique (MQ)
-                        </option>
-                        <option
-                          value="MR"
-                        >
-                          Mauritania (MR)
-                        </option>
-                        <option
-                          value="MU"
-                        >
-                          Mauritius (MU)
-                        </option>
-                        <option
-                          value="YT"
-                        >
-                          Mayotte (YT)
-                        </option>
-                        <option
-                          value="MX"
-                        >
-                          Mexico (MX)
-                        </option>
-                        <option
-                          value="FM"
-                        >
-                          Micronesia, Federated States of (FM)
-                        </option>
-                        <option
-                          value="MD"
-                        >
-                          Moldova, Republic of (MD)
-                        </option>
-                        <option
-                          value="MC"
-                        >
-                          Monaco (MC)
-                        </option>
-                        <option
-                          value="MN"
-                        >
-                          Mongolia (MN)
-                        </option>
-                        <option
-                          value="ME"
-                        >
-                          Montenegro (ME)
-                        </option>
-                        <option
-                          value="MS"
-                        >
-                          Montserrat (MS)
-                        </option>
-                        <option
-                          value="MA"
-                        >
-                          Morocco (MA)
-                        </option>
-                        <option
-                          value="MZ"
-                        >
-                          Mozambique (MZ)
-                        </option>
-                        <option
-                          value="MM"
-                        >
-                          Myanmar (MM)
-                        </option>
-                        <option
-                          value="NA"
-                        >
-                          Namibia (NA)
-                        </option>
-                        <option
-                          value="NR"
-                        >
-                          Nauru (NR)
-                        </option>
-                        <option
-                          value="NP"
-                        >
-                          Nepal (NP)
-                        </option>
-                        <option
-                          value="NL"
-                        >
-                          Netherlands (NL)
-                        </option>
-                        <option
-                          value="AN"
-                        >
-                          Netherlands Antilles (AN)
-                        </option>
-                        <option
-                          value="NC"
-                        >
-                          New Caledonia (NC)
-                        </option>
-                        <option
-                          value="NZ"
-                        >
-                          New Zealand (NZ)
-                        </option>
-                        <option
-                          value="NI"
-                        >
-                          Nicaragua (NI)
-                        </option>
-                        <option
-                          value="NE"
-                        >
-                          Niger (NE)
-                        </option>
-                        <option
-                          value="NG"
-                        >
-                          Nigeria (NG)
-                        </option>
-                        <option
-                          value="NU"
-                        >
-                          Niue (NU)
-                        </option>
-                        <option
-                          value="NF"
-                        >
-                          Norfolk Island (NF)
-                        </option>
-                        <option
-                          value="MP"
-                        >
-                          Northern Mariana Islands (MP)
-                        </option>
-                        <option
-                          value="NO"
-                        >
-                          Norway (NO)
-                        </option>
-                        <option
-                          value="OM"
-                        >
-                          Oman (OM)
-                        </option>
-                        <option
-                          value="PK"
-                        >
-                          Pakistan (PK)
-                        </option>
-                        <option
-                          value="PW"
-                        >
-                          Palau (PW)
-                        </option>
-                        <option
-                          value="PS"
-                        >
-                          Palestine, State of (PS)
-                        </option>
-                        <option
-                          value="PA"
-                        >
-                          Panama (PA)
-                        </option>
-                        <option
-                          value="PG"
-                        >
-                          Papua New Guinea (PG)
-                        </option>
-                        <option
-                          value="PY"
-                        >
-                          Paraguay (PY)
-                        </option>
-                        <option
-                          value="PE"
-                        >
-                          Peru (PE)
-                        </option>
-                        <option
-                          value="PH"
-                        >
-                          Philippines (PH)
-                        </option>
-                        <option
-                          value="PN"
-                        >
-                          Pitcairn (PN)
-                        </option>
-                        <option
-                          value="PL"
-                        >
-                          Poland (PL)
-                        </option>
-                        <option
-                          value="PT"
-                        >
-                          Portugal (PT)
-                        </option>
-                        <option
-                          value="PR"
-                        >
-                          Puerto Rico (PR)
-                        </option>
-                        <option
-                          value="QA"
-                        >
-                          Qatar (QA)
-                        </option>
-                        <option
-                          value="RO"
-                        >
-                          Romania (RO)
-                        </option>
-                        <option
-                          value="RU"
-                        >
-                          Russian Federation (RU)
-                        </option>
-                        <option
-                          value="RW"
-                        >
-                          Rwanda (RW)
-                        </option>
-                        <option
-                          value="RE"
-                        >
-                          Réunion (RE)
-                        </option>
-                        <option
-                          value="SH"
-                        >
-                          Saint Helena, Ascension and Tristan da Cunha (SH)
-                        </option>
-                        <option
-                          value="KN"
-                        >
-                          Saint Kitts and Nevis (KN)
-                        </option>
-                        <option
-                          value="LC"
-                        >
-                          Saint Lucia (LC)
-                        </option>
-                        <option
-                          value="PM"
-                        >
-                          Saint Pierre and Miquelon (PM)
-                        </option>
-                        <option
-                          value="VC"
-                        >
-                          Saint Vincent and the Grenadines (VC)
-                        </option>
-                        <option
-                          value="WS"
-                        >
-                          Samoa (WS)
-                        </option>
-                        <option
-                          value="SM"
-                        >
-                          San Marino (SM)
-                        </option>
-                        <option
-                          value="SA"
-                        >
-                          Saudi Arabia (SA)
-                        </option>
-                        <option
-                          value="SN"
-                        >
-                          Senegal (SN)
-                        </option>
-                        <option
-                          value="RS"
-                        >
-                          Serbia (RS)
-                        </option>
-                        <option
-                          value="SC"
-                        >
-                          Seychelles (SC)
-                        </option>
-                        <option
-                          value="SL"
-                        >
-                          Sierra Leone (SL)
-                        </option>
-                        <option
-                          value="SG"
-                        >
-                          Singapore (SG)
-                        </option>
-                        <option
-                          value="SK"
-                        >
-                          Slovakia (SK)
-                        </option>
-                        <option
-                          value="SI"
-                        >
-                          Slovenia (SI)
-                        </option>
-                        <option
-                          value="SB"
-                        >
-                          Solomon Islands (SB)
-                        </option>
-                        <option
-                          value="SO"
-                        >
-                          Somalia (SO)
-                        </option>
-                        <option
-                          value="ZA"
-                        >
-                          South Africa (ZA)
-                        </option>
-                        <option
-                          value="GS"
-                        >
-                          South Georgia and the South Sandwich Islands (GS)
-                        </option>
-                        <option
-                          value="SS"
-                        >
-                          South Sudan (SS)
-                        </option>
-                        <option
-                          value="ES"
-                        >
-                          Spain (ES)
-                        </option>
-                        <option
-                          value="LK"
-                        >
-                          Sri Lanka (LK)
-                        </option>
-                        <option
-                          value="SD"
-                        >
-                          Sudan (SD)
-                        </option>
-                        <option
-                          value="SR"
-                        >
-                          Suriname (SR)
-                        </option>
-                        <option
-                          value="SJ"
-                        >
-                          Svalbard and Jan Mayen (SJ)
-                        </option>
-                        <option
-                          value="SZ"
-                        >
-                          Swaziland (SZ)
-                        </option>
-                        <option
-                          value="SE"
-                        >
-                          Sweden (SE)
-                        </option>
-                        <option
-                          value="CH"
-                        >
-                          Switzerland (CH)
-                        </option>
-                        <option
-                          value="SY"
-                        >
-                          Syrian Arab Republic (SY)
-                        </option>
-                        <option
-                          value="ST"
-                        >
-                          São Tomé and Príncipe (ST)
-                        </option>
-                        <option
-                          value="TW"
-                        >
-                          Taiwan (TW)
-                        </option>
-                        <option
-                          value="TJ"
-                        >
-                          Tajikistan (TJ)
-                        </option>
-                        <option
-                          value="TZ"
-                        >
-                          Tanzania, United Republic of (TZ)
-                        </option>
-                        <option
-                          value="TH"
-                        >
-                          Thailand (TH)
-                        </option>
-                        <option
-                          value="TL"
-                        >
-                          Timor-Leste (TL)
-                        </option>
-                        <option
-                          value="TG"
-                        >
-                          Togo (TG)
-                        </option>
-                        <option
-                          value="TK"
-                        >
-                          Tokelau (TK)
-                        </option>
-                        <option
-                          value="TO"
-                        >
-                          Tonga (TO)
-                        </option>
-                        <option
-                          value="TT"
-                        >
-                          Trinidad and Tobago (TT)
-                        </option>
-                        <option
-                          value="TN"
-                        >
-                          Tunisia (TN)
-                        </option>
-                        <option
-                          value="TR"
-                        >
-                          Turkey (TR)
-                        </option>
-                        <option
-                          value="TM"
-                        >
-                          Turkmenistan (TM)
-                        </option>
-                        <option
-                          value="TC"
-                        >
-                          Turks and Caicos Islands (TC)
-                        </option>
-                        <option
-                          value="TV"
-                        >
-                          Tuvalu (TV)
-                        </option>
-                        <option
-                          value="UG"
-                        >
-                          Uganda (UG)
-                        </option>
-                        <option
-                          value="UA"
-                        >
-                          Ukraine (UA)
-                        </option>
-                        <option
-                          value="AE"
-                        >
-                          United Arab Emirates (AE)
-                        </option>
-                        <option
-                          value="GB"
-                        >
-                          United Kingdom (GB)
-                        </option>
-                        <option
-                          value="US"
-                        >
-                          United States (US)
-                        </option>
-                        <option
-                          value="UM"
-                        >
-                          United States Minor Outlying Islands (UM)
-                        </option>
-                        <option
-                          value="UY"
-                        >
-                          Uruguay (UY)
-                        </option>
-                        <option
-                          value="UZ"
-                        >
-                          Uzbekistan (UZ)
-                        </option>
-                        <option
-                          value="VU"
-                        >
-                          Vanuatu (VU)
-                        </option>
-                        <option
-                          value="VE"
-                        >
-                          Venezuela, Bolivarian Republic of (VE)
-                        </option>
-                        <option
-                          value="VN"
-                        >
-                          Viet Nam (VN)
-                        </option>
-                        <option
-                          value="VG"
-                        >
-                          Virgin Islands, British (VG)
-                        </option>
-                        <option
-                          value="VI"
-                        >
-                          Virgin Islands, U.S. (VI)
-                        </option>
-                        <option
-                          value="WF"
-                        >
-                          Wallis and Futuna (WF)
-                        </option>
-                        <option
-                          value="EH"
-                        >
-                          Western Sahara (EH)
-                        </option>
-                        <option
-                          value="YE"
-                        >
-                          Yemen (YE)
-                        </option>
-                        <option
-                          value="ZM"
-                        >
-                          Zambia (ZM)
-                        </option>
-                        <option
-                          value="ZW"
-                        >
-                          Zimbabwe (ZW)
-                        </option>
-                        <option
-                          value="AX"
-                        >
-                          Åland Islands (AX)
-                        </option>
-                      </select>
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-50"
-                        data-testid="ArrowDropDownIcon"
-                        focusable="false"
-                        viewBox="0 0 24 24"
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
                       >
-                        <path
-                          d="M7 10l5 5 5-5z"
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
                         />
-                      </svg>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium emotion-27"
-                        data-se="userProfile.country-error"
-                        id="userProfile.country-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.email"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.countryCode"
-                    >
-                      Country code
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.countryCode-error  "
-                        aria-invalid="true"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.countryCode"
-                        id="userProfile.countryCode"
-                        name="userProfile.countryCode"
-                        required=""
-                        type="text"
-                      />
-                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-35"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.countryCode-error"
-                        id="userProfile.countryCode-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-36"
+                        data-shrink="false"
+                        for="userProfile.country"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Country
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-38"
+                        required="true"
+                      >
+                        <select
+                          aria-invalid="false"
+                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-39"
+                          data-se="userProfile.country"
+                          id="userProfile.country"
+                          name="userProfile.country"
+                          required=""
+                        >
+                          <option
+                            value=""
+                          >
+                            Select an option
+                          </option>
+                          <option
+                            value="AF"
+                          >
+                            Afghanistan (AF)
+                          </option>
+                          <option
+                            value="AL"
+                          >
+                            Albania (AL)
+                          </option>
+                          <option
+                            value="DZ"
+                          >
+                            Algeria (DZ)
+                          </option>
+                          <option
+                            value="AS"
+                          >
+                            American Samoa (AS)
+                          </option>
+                          <option
+                            value="AD"
+                          >
+                            Andorra (AD)
+                          </option>
+                          <option
+                            value="AO"
+                          >
+                            Angola (AO)
+                          </option>
+                          <option
+                            value="AI"
+                          >
+                            Anguilla (AI)
+                          </option>
+                          <option
+                            value="AQ"
+                          >
+                            Antarctica (AQ)
+                          </option>
+                          <option
+                            value="AG"
+                          >
+                            Antigua and Barbuda (AG)
+                          </option>
+                          <option
+                            value="AR"
+                          >
+                            Argentina (AR)
+                          </option>
+                          <option
+                            value="AM"
+                          >
+                            Armenia (AM)
+                          </option>
+                          <option
+                            value="AW"
+                          >
+                            Aruba (AW)
+                          </option>
+                          <option
+                            value="AU"
+                          >
+                            Australia (AU)
+                          </option>
+                          <option
+                            value="AT"
+                          >
+                            Austria (AT)
+                          </option>
+                          <option
+                            value="AZ"
+                          >
+                            Azerbaijan (AZ)
+                          </option>
+                          <option
+                            value="BS"
+                          >
+                            Bahamas (BS)
+                          </option>
+                          <option
+                            value="BH"
+                          >
+                            Bahrain (BH)
+                          </option>
+                          <option
+                            value="BD"
+                          >
+                            Bangladesh (BD)
+                          </option>
+                          <option
+                            value="BB"
+                          >
+                            Barbados (BB)
+                          </option>
+                          <option
+                            value="BY"
+                          >
+                            Belarus (BY)
+                          </option>
+                          <option
+                            value="BE"
+                          >
+                            Belgium (BE)
+                          </option>
+                          <option
+                            value="BZ"
+                          >
+                            Belize (BZ)
+                          </option>
+                          <option
+                            value="BJ"
+                          >
+                            Benin (BJ)
+                          </option>
+                          <option
+                            value="BM"
+                          >
+                            Bermuda (BM)
+                          </option>
+                          <option
+                            value="BT"
+                          >
+                            Bhutan (BT)
+                          </option>
+                          <option
+                            value="BO"
+                          >
+                            Bolivia, Plurinational State of (BO)
+                          </option>
+                          <option
+                            value="BA"
+                          >
+                            Bosnia and Herzegovina (BA)
+                          </option>
+                          <option
+                            value="BW"
+                          >
+                            Botswana (BW)
+                          </option>
+                          <option
+                            value="BR"
+                          >
+                            Brazil (BR)
+                          </option>
+                          <option
+                            value="IO"
+                          >
+                            British Indian Ocean Territory (IO)
+                          </option>
+                          <option
+                            value="BN"
+                          >
+                            Brunei Darussalam (BN)
+                          </option>
+                          <option
+                            value="BG"
+                          >
+                            Bulgaria (BG)
+                          </option>
+                          <option
+                            value="BF"
+                          >
+                            Burkina Faso (BF)
+                          </option>
+                          <option
+                            value="BI"
+                          >
+                            Burundi (BI)
+                          </option>
+                          <option
+                            value="KH"
+                          >
+                            Cambodia (KH)
+                          </option>
+                          <option
+                            value="CM"
+                          >
+                            Cameroon (CM)
+                          </option>
+                          <option
+                            value="CA"
+                          >
+                            Canada (CA)
+                          </option>
+                          <option
+                            value="CV"
+                          >
+                            Cape Verde (CV)
+                          </option>
+                          <option
+                            value="KY"
+                          >
+                            Cayman Islands (KY)
+                          </option>
+                          <option
+                            value="CF"
+                          >
+                            Central African Republic (CF)
+                          </option>
+                          <option
+                            value="TD"
+                          >
+                            Chad (TD)
+                          </option>
+                          <option
+                            value="CL"
+                          >
+                            Chile (CL)
+                          </option>
+                          <option
+                            value="CN"
+                          >
+                            China (CN)
+                          </option>
+                          <option
+                            value="CX"
+                          >
+                            Christmas Island (CX)
+                          </option>
+                          <option
+                            value="CO"
+                          >
+                            Colombia (CO)
+                          </option>
+                          <option
+                            value="KM"
+                          >
+                            Comoros (KM)
+                          </option>
+                          <option
+                            value="CG"
+                          >
+                            Congo (CG)
+                          </option>
+                          <option
+                            value="CD"
+                          >
+                            Congo, the Democratic Republic of the (CD)
+                          </option>
+                          <option
+                            value="CK"
+                          >
+                            Cook Islands (CK)
+                          </option>
+                          <option
+                            value="CR"
+                          >
+                            Costa Rica (CR)
+                          </option>
+                          <option
+                            value="HR"
+                          >
+                            Croatia (HR)
+                          </option>
+                          <option
+                            value="CU"
+                          >
+                            Cuba (CU)
+                          </option>
+                          <option
+                            value="CY"
+                          >
+                            Cyprus (CY)
+                          </option>
+                          <option
+                            value="CZ"
+                          >
+                            Czech Republic (CZ)
+                          </option>
+                          <option
+                            value="CI"
+                          >
+                            Côte d'Ivoire (CI)
+                          </option>
+                          <option
+                            value="DK"
+                          >
+                            Denmark (DK)
+                          </option>
+                          <option
+                            value="DJ"
+                          >
+                            Djibouti (DJ)
+                          </option>
+                          <option
+                            value="DM"
+                          >
+                            Dominica (DM)
+                          </option>
+                          <option
+                            value="DO"
+                          >
+                            Dominican Republic (DO)
+                          </option>
+                          <option
+                            value="EC"
+                          >
+                            Ecuador (EC)
+                          </option>
+                          <option
+                            value="EG"
+                          >
+                            Egypt (EG)
+                          </option>
+                          <option
+                            value="SV"
+                          >
+                            El Salvador (SV)
+                          </option>
+                          <option
+                            value="GQ"
+                          >
+                            Equatorial Guinea (GQ)
+                          </option>
+                          <option
+                            value="ER"
+                          >
+                            Eritrea (ER)
+                          </option>
+                          <option
+                            value="EE"
+                          >
+                            Estonia (EE)
+                          </option>
+                          <option
+                            value="ET"
+                          >
+                            Ethiopia (ET)
+                          </option>
+                          <option
+                            value="FK"
+                          >
+                            Falkland Islands (Malvinas) (FK)
+                          </option>
+                          <option
+                            value="FO"
+                          >
+                            Faroe Islands (FO)
+                          </option>
+                          <option
+                            value="FJ"
+                          >
+                            Fiji (FJ)
+                          </option>
+                          <option
+                            value="FI"
+                          >
+                            Finland (FI)
+                          </option>
+                          <option
+                            value="FR"
+                          >
+                            France (FR)
+                          </option>
+                          <option
+                            value="GF"
+                          >
+                            French Guiana (GF)
+                          </option>
+                          <option
+                            value="PF"
+                          >
+                            French Polynesia (PF)
+                          </option>
+                          <option
+                            value="GA"
+                          >
+                            Gabon (GA)
+                          </option>
+                          <option
+                            value="GM"
+                          >
+                            Gambia (GM)
+                          </option>
+                          <option
+                            value="GE"
+                          >
+                            Georgia (GE)
+                          </option>
+                          <option
+                            value="DE"
+                          >
+                            Germany (DE)
+                          </option>
+                          <option
+                            value="GH"
+                          >
+                            Ghana (GH)
+                          </option>
+                          <option
+                            value="GI"
+                          >
+                            Gibraltar (GI)
+                          </option>
+                          <option
+                            value="GR"
+                          >
+                            Greece (GR)
+                          </option>
+                          <option
+                            value="GL"
+                          >
+                            Greenland (GL)
+                          </option>
+                          <option
+                            value="GD"
+                          >
+                            Grenada (GD)
+                          </option>
+                          <option
+                            value="GP"
+                          >
+                            Guadeloupe (GP)
+                          </option>
+                          <option
+                            value="GU"
+                          >
+                            Guam (GU)
+                          </option>
+                          <option
+                            value="GT"
+                          >
+                            Guatemala (GT)
+                          </option>
+                          <option
+                            value="GG"
+                          >
+                            Guernsey (GG)
+                          </option>
+                          <option
+                            value="GN"
+                          >
+                            Guinea (GN)
+                          </option>
+                          <option
+                            value="GW"
+                          >
+                            Guinea-Bissau (GW)
+                          </option>
+                          <option
+                            value="GY"
+                          >
+                            Guyana (GY)
+                          </option>
+                          <option
+                            value="HT"
+                          >
+                            Haiti (HT)
+                          </option>
+                          <option
+                            value="VA"
+                          >
+                            Holy See (Vatican City State) (VA)
+                          </option>
+                          <option
+                            value="HN"
+                          >
+                            Honduras (HN)
+                          </option>
+                          <option
+                            value="HK"
+                          >
+                            Hong Kong (HK)
+                          </option>
+                          <option
+                            value="HU"
+                          >
+                            Hungary (HU)
+                          </option>
+                          <option
+                            value="IS"
+                          >
+                            Iceland (IS)
+                          </option>
+                          <option
+                            value="IN"
+                          >
+                            India (IN)
+                          </option>
+                          <option
+                            value="ID"
+                          >
+                            Indonesia (ID)
+                          </option>
+                          <option
+                            value="IR"
+                          >
+                            Iran, Islamic Republic of (IR)
+                          </option>
+                          <option
+                            value="IQ"
+                          >
+                            Iraq (IQ)
+                          </option>
+                          <option
+                            value="IE"
+                          >
+                            Ireland (IE)
+                          </option>
+                          <option
+                            value="IL"
+                          >
+                            Israel (IL)
+                          </option>
+                          <option
+                            value="IT"
+                          >
+                            Italy (IT)
+                          </option>
+                          <option
+                            value="JM"
+                          >
+                            Jamaica (JM)
+                          </option>
+                          <option
+                            value="JP"
+                          >
+                            Japan (JP)
+                          </option>
+                          <option
+                            value="JE"
+                          >
+                            Jersey (JE)
+                          </option>
+                          <option
+                            value="JO"
+                          >
+                            Jordan (JO)
+                          </option>
+                          <option
+                            value="KZ"
+                          >
+                            Kazakhstan (KZ)
+                          </option>
+                          <option
+                            value="KE"
+                          >
+                            Kenya (KE)
+                          </option>
+                          <option
+                            value="KI"
+                          >
+                            Kiribati (KI)
+                          </option>
+                          <option
+                            value="KP"
+                          >
+                            Korea, Democratic People's Republic of (KP)
+                          </option>
+                          <option
+                            value="KR"
+                          >
+                            Korea, Republic of (KR)
+                          </option>
+                          <option
+                            value="XK"
+                          >
+                            Kosovo, Republic of (XK)
+                          </option>
+                          <option
+                            value="KW"
+                          >
+                            Kuwait (KW)
+                          </option>
+                          <option
+                            value="KG"
+                          >
+                            Kyrgyzstan (KG)
+                          </option>
+                          <option
+                            value="LA"
+                          >
+                            Lao People's Democratic Republic (LA)
+                          </option>
+                          <option
+                            value="LV"
+                          >
+                            Latvia (LV)
+                          </option>
+                          <option
+                            value="LB"
+                          >
+                            Lebanon (LB)
+                          </option>
+                          <option
+                            value="LS"
+                          >
+                            Lesotho (LS)
+                          </option>
+                          <option
+                            value="LR"
+                          >
+                            Liberia (LR)
+                          </option>
+                          <option
+                            value="LY"
+                          >
+                            Libya (LY)
+                          </option>
+                          <option
+                            value="LI"
+                          >
+                            Liechtenstein (LI)
+                          </option>
+                          <option
+                            value="LT"
+                          >
+                            Lithuania (LT)
+                          </option>
+                          <option
+                            value="LU"
+                          >
+                            Luxembourg (LU)
+                          </option>
+                          <option
+                            value="MO"
+                          >
+                            Macao (MO)
+                          </option>
+                          <option
+                            value="MK"
+                          >
+                            Macedonia, the former Yugoslav Republic of (MK)
+                          </option>
+                          <option
+                            value="MG"
+                          >
+                            Madagascar (MG)
+                          </option>
+                          <option
+                            value="MW"
+                          >
+                            Malawi (MW)
+                          </option>
+                          <option
+                            value="MY"
+                          >
+                            Malaysia (MY)
+                          </option>
+                          <option
+                            value="MV"
+                          >
+                            Maldives (MV)
+                          </option>
+                          <option
+                            value="ML"
+                          >
+                            Mali (ML)
+                          </option>
+                          <option
+                            value="MT"
+                          >
+                            Malta (MT)
+                          </option>
+                          <option
+                            value="MH"
+                          >
+                            Marshall Islands (MH)
+                          </option>
+                          <option
+                            value="MQ"
+                          >
+                            Martinique (MQ)
+                          </option>
+                          <option
+                            value="MR"
+                          >
+                            Mauritania (MR)
+                          </option>
+                          <option
+                            value="MU"
+                          >
+                            Mauritius (MU)
+                          </option>
+                          <option
+                            value="YT"
+                          >
+                            Mayotte (YT)
+                          </option>
+                          <option
+                            value="MX"
+                          >
+                            Mexico (MX)
+                          </option>
+                          <option
+                            value="FM"
+                          >
+                            Micronesia, Federated States of (FM)
+                          </option>
+                          <option
+                            value="MD"
+                          >
+                            Moldova, Republic of (MD)
+                          </option>
+                          <option
+                            value="MC"
+                          >
+                            Monaco (MC)
+                          </option>
+                          <option
+                            value="MN"
+                          >
+                            Mongolia (MN)
+                          </option>
+                          <option
+                            value="ME"
+                          >
+                            Montenegro (ME)
+                          </option>
+                          <option
+                            value="MS"
+                          >
+                            Montserrat (MS)
+                          </option>
+                          <option
+                            value="MA"
+                          >
+                            Morocco (MA)
+                          </option>
+                          <option
+                            value="MZ"
+                          >
+                            Mozambique (MZ)
+                          </option>
+                          <option
+                            value="MM"
+                          >
+                            Myanmar (MM)
+                          </option>
+                          <option
+                            value="NA"
+                          >
+                            Namibia (NA)
+                          </option>
+                          <option
+                            value="NR"
+                          >
+                            Nauru (NR)
+                          </option>
+                          <option
+                            value="NP"
+                          >
+                            Nepal (NP)
+                          </option>
+                          <option
+                            value="NL"
+                          >
+                            Netherlands (NL)
+                          </option>
+                          <option
+                            value="AN"
+                          >
+                            Netherlands Antilles (AN)
+                          </option>
+                          <option
+                            value="NC"
+                          >
+                            New Caledonia (NC)
+                          </option>
+                          <option
+                            value="NZ"
+                          >
+                            New Zealand (NZ)
+                          </option>
+                          <option
+                            value="NI"
+                          >
+                            Nicaragua (NI)
+                          </option>
+                          <option
+                            value="NE"
+                          >
+                            Niger (NE)
+                          </option>
+                          <option
+                            value="NG"
+                          >
+                            Nigeria (NG)
+                          </option>
+                          <option
+                            value="NU"
+                          >
+                            Niue (NU)
+                          </option>
+                          <option
+                            value="NF"
+                          >
+                            Norfolk Island (NF)
+                          </option>
+                          <option
+                            value="MP"
+                          >
+                            Northern Mariana Islands (MP)
+                          </option>
+                          <option
+                            value="NO"
+                          >
+                            Norway (NO)
+                          </option>
+                          <option
+                            value="OM"
+                          >
+                            Oman (OM)
+                          </option>
+                          <option
+                            value="PK"
+                          >
+                            Pakistan (PK)
+                          </option>
+                          <option
+                            value="PW"
+                          >
+                            Palau (PW)
+                          </option>
+                          <option
+                            value="PS"
+                          >
+                            Palestine, State of (PS)
+                          </option>
+                          <option
+                            value="PA"
+                          >
+                            Panama (PA)
+                          </option>
+                          <option
+                            value="PG"
+                          >
+                            Papua New Guinea (PG)
+                          </option>
+                          <option
+                            value="PY"
+                          >
+                            Paraguay (PY)
+                          </option>
+                          <option
+                            value="PE"
+                          >
+                            Peru (PE)
+                          </option>
+                          <option
+                            value="PH"
+                          >
+                            Philippines (PH)
+                          </option>
+                          <option
+                            value="PN"
+                          >
+                            Pitcairn (PN)
+                          </option>
+                          <option
+                            value="PL"
+                          >
+                            Poland (PL)
+                          </option>
+                          <option
+                            value="PT"
+                          >
+                            Portugal (PT)
+                          </option>
+                          <option
+                            value="PR"
+                          >
+                            Puerto Rico (PR)
+                          </option>
+                          <option
+                            value="QA"
+                          >
+                            Qatar (QA)
+                          </option>
+                          <option
+                            value="RO"
+                          >
+                            Romania (RO)
+                          </option>
+                          <option
+                            value="RU"
+                          >
+                            Russian Federation (RU)
+                          </option>
+                          <option
+                            value="RW"
+                          >
+                            Rwanda (RW)
+                          </option>
+                          <option
+                            value="RE"
+                          >
+                            Réunion (RE)
+                          </option>
+                          <option
+                            value="SH"
+                          >
+                            Saint Helena, Ascension and Tristan da Cunha (SH)
+                          </option>
+                          <option
+                            value="KN"
+                          >
+                            Saint Kitts and Nevis (KN)
+                          </option>
+                          <option
+                            value="LC"
+                          >
+                            Saint Lucia (LC)
+                          </option>
+                          <option
+                            value="PM"
+                          >
+                            Saint Pierre and Miquelon (PM)
+                          </option>
+                          <option
+                            value="VC"
+                          >
+                            Saint Vincent and the Grenadines (VC)
+                          </option>
+                          <option
+                            value="WS"
+                          >
+                            Samoa (WS)
+                          </option>
+                          <option
+                            value="SM"
+                          >
+                            San Marino (SM)
+                          </option>
+                          <option
+                            value="SA"
+                          >
+                            Saudi Arabia (SA)
+                          </option>
+                          <option
+                            value="SN"
+                          >
+                            Senegal (SN)
+                          </option>
+                          <option
+                            value="RS"
+                          >
+                            Serbia (RS)
+                          </option>
+                          <option
+                            value="SC"
+                          >
+                            Seychelles (SC)
+                          </option>
+                          <option
+                            value="SL"
+                          >
+                            Sierra Leone (SL)
+                          </option>
+                          <option
+                            value="SG"
+                          >
+                            Singapore (SG)
+                          </option>
+                          <option
+                            value="SK"
+                          >
+                            Slovakia (SK)
+                          </option>
+                          <option
+                            value="SI"
+                          >
+                            Slovenia (SI)
+                          </option>
+                          <option
+                            value="SB"
+                          >
+                            Solomon Islands (SB)
+                          </option>
+                          <option
+                            value="SO"
+                          >
+                            Somalia (SO)
+                          </option>
+                          <option
+                            value="ZA"
+                          >
+                            South Africa (ZA)
+                          </option>
+                          <option
+                            value="GS"
+                          >
+                            South Georgia and the South Sandwich Islands (GS)
+                          </option>
+                          <option
+                            value="SS"
+                          >
+                            South Sudan (SS)
+                          </option>
+                          <option
+                            value="ES"
+                          >
+                            Spain (ES)
+                          </option>
+                          <option
+                            value="LK"
+                          >
+                            Sri Lanka (LK)
+                          </option>
+                          <option
+                            value="SD"
+                          >
+                            Sudan (SD)
+                          </option>
+                          <option
+                            value="SR"
+                          >
+                            Suriname (SR)
+                          </option>
+                          <option
+                            value="SJ"
+                          >
+                            Svalbard and Jan Mayen (SJ)
+                          </option>
+                          <option
+                            value="SZ"
+                          >
+                            Swaziland (SZ)
+                          </option>
+                          <option
+                            value="SE"
+                          >
+                            Sweden (SE)
+                          </option>
+                          <option
+                            value="CH"
+                          >
+                            Switzerland (CH)
+                          </option>
+                          <option
+                            value="SY"
+                          >
+                            Syrian Arab Republic (SY)
+                          </option>
+                          <option
+                            value="ST"
+                          >
+                            São Tomé and Príncipe (ST)
+                          </option>
+                          <option
+                            value="TW"
+                          >
+                            Taiwan (TW)
+                          </option>
+                          <option
+                            value="TJ"
+                          >
+                            Tajikistan (TJ)
+                          </option>
+                          <option
+                            value="TZ"
+                          >
+                            Tanzania, United Republic of (TZ)
+                          </option>
+                          <option
+                            value="TH"
+                          >
+                            Thailand (TH)
+                          </option>
+                          <option
+                            value="TL"
+                          >
+                            Timor-Leste (TL)
+                          </option>
+                          <option
+                            value="TG"
+                          >
+                            Togo (TG)
+                          </option>
+                          <option
+                            value="TK"
+                          >
+                            Tokelau (TK)
+                          </option>
+                          <option
+                            value="TO"
+                          >
+                            Tonga (TO)
+                          </option>
+                          <option
+                            value="TT"
+                          >
+                            Trinidad and Tobago (TT)
+                          </option>
+                          <option
+                            value="TN"
+                          >
+                            Tunisia (TN)
+                          </option>
+                          <option
+                            value="TR"
+                          >
+                            Turkey (TR)
+                          </option>
+                          <option
+                            value="TM"
+                          >
+                            Turkmenistan (TM)
+                          </option>
+                          <option
+                            value="TC"
+                          >
+                            Turks and Caicos Islands (TC)
+                          </option>
+                          <option
+                            value="TV"
+                          >
+                            Tuvalu (TV)
+                          </option>
+                          <option
+                            value="UG"
+                          >
+                            Uganda (UG)
+                          </option>
+                          <option
+                            value="UA"
+                          >
+                            Ukraine (UA)
+                          </option>
+                          <option
+                            value="AE"
+                          >
+                            United Arab Emirates (AE)
+                          </option>
+                          <option
+                            value="GB"
+                          >
+                            United Kingdom (GB)
+                          </option>
+                          <option
+                            value="US"
+                          >
+                            United States (US)
+                          </option>
+                          <option
+                            value="UM"
+                          >
+                            United States Minor Outlying Islands (UM)
+                          </option>
+                          <option
+                            value="UY"
+                          >
+                            Uruguay (UY)
+                          </option>
+                          <option
+                            value="UZ"
+                          >
+                            Uzbekistan (UZ)
+                          </option>
+                          <option
+                            value="VU"
+                          >
+                            Vanuatu (VU)
+                          </option>
+                          <option
+                            value="VE"
+                          >
+                            Venezuela, Bolivarian Republic of (VE)
+                          </option>
+                          <option
+                            value="VN"
+                          >
+                            Viet Nam (VN)
+                          </option>
+                          <option
+                            value="VG"
+                          >
+                            Virgin Islands, British (VG)
+                          </option>
+                          <option
+                            value="VI"
+                          >
+                            Virgin Islands, U.S. (VI)
+                          </option>
+                          <option
+                            value="WF"
+                          >
+                            Wallis and Futuna (WF)
+                          </option>
+                          <option
+                            value="EH"
+                          >
+                            Western Sahara (EH)
+                          </option>
+                          <option
+                            value="YE"
+                          >
+                            Yemen (YE)
+                          </option>
+                          <option
+                            value="ZM"
+                          >
+                            Zambia (ZM)
+                          </option>
+                          <option
+                            value="ZW"
+                          >
+                            Zimbabwe (ZW)
+                          </option>
+                          <option
+                            value="AX"
+                          >
+                            Åland Islands (AX)
+                          </option>
+                        </select>
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-40"
+                          data-testid="ArrowDropDownIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-45"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary Mui-error MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-46"
-                      data-shrink="false"
-                      for="userProfile.timezone"
-                    >
-                      Time zone
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary Mui-error MuiInputBase-formControl  emotion-48"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <select
-                        aria-describedby=" userProfile.timezone-error  "
-                        aria-invalid="true"
-                        class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-49"
-                        data-se="userProfile.timezone"
-                        id="userProfile.timezone"
-                        name="userProfile.timezone"
-                        required=""
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.countryCode"
                       >
-                        <option
-                          value=""
-                        >
-                          Select an option
-                        </option>
-                        <option
-                          value="GMT"
-                        >
-                          UTC
-                        </option>
-                        <option
-                          value="WET"
-                        >
-                          WET
-                        </option>
-                        <option
-                          value="CET"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="MET"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="ECT"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="EET"
-                        >
-                          EET
-                        </option>
-                        <option
-                          value="MIT"
-                        >
-                          Pacific/Apia
-                        </option>
-                        <option
-                          value="HST"
-                        >
-                          Pacific/Honolulu
-                        </option>
-                        <option
-                          value="AST"
-                        >
-                          America/Anchorage
-                        </option>
-                        <option
-                          value="PST"
-                        >
-                          America/Los_Angeles
-                        </option>
-                        <option
-                          value="MST"
-                        >
-                          America/Denver
-                        </option>
-                        <option
-                          value="PNT"
-                        >
-                          America/Phoenix
-                        </option>
-                        <option
-                          value="CST"
-                        >
-                          America/Chicago
-                        </option>
-                        <option
-                          value="EST"
-                        >
-                          America/New_York
-                        </option>
-                        <option
-                          value="IET"
-                        >
-                          America/Indiana/Indianapolis
-                        </option>
-                        <option
-                          value="PRT"
-                        >
-                          America/Puerto_Rico
-                        </option>
-                        <option
-                          value="CNT"
-                        >
-                          America/St_Johns
-                        </option>
-                        <option
-                          value="AGT"
-                        >
-                          America/Argentina/Buenos_Aires
-                        </option>
-                        <option
-                          value="BET"
-                        >
-                          America/Sao_Paulo
-                        </option>
-                        <option
-                          value="ART"
-                        >
-                          Africa/Cairo
-                        </option>
-                        <option
-                          value="CAT"
-                        >
-                          Africa/Harare
-                        </option>
-                        <option
-                          value="EAT"
-                        >
-                          Africa/Addis_Ababa
-                        </option>
-                        <option
-                          value="NET"
-                        >
-                          Asia/Yerevan
-                        </option>
-                        <option
-                          value="PLT"
-                        >
-                          Asia/Karachi
-                        </option>
-                        <option
-                          value="IST"
-                        >
-                          Asia/Kolkata
-                        </option>
-                        <option
-                          value="BST"
-                        >
-                          Asia/Dhaka
-                        </option>
-                        <option
-                          value="VST"
-                        >
-                          Asia/Ho_Chi_Minh
-                        </option>
-                        <option
-                          value="CTT"
-                        >
-                          Asia/Shanghai
-                        </option>
-                        <option
-                          value="JST"
-                        >
-                          Asia/Tokyo
-                        </option>
-                        <option
-                          value="ACT"
-                        >
-                          Australia/Darwin
-                        </option>
-                        <option
-                          value="AET"
-                        >
-                          Australia/Sydney
-                        </option>
-                        <option
-                          value="SST"
-                        >
-                          Pacific/Guadalcanal
-                        </option>
-                        <option
-                          value="NST"
-                        >
-                          Pacific/Auckland
-                        </option>
-                      </select>
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-50"
-                        data-testid="ArrowDropDownIcon"
-                        focusable="false"
-                        viewBox="0 0 24 24"
+                        Country code
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
                       >
-                        <path
-                          d="M7 10l5 5 5-5z"
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.countryCode"
+                          id="userProfile.countryCode"
+                          name="userProfile.countryCode"
+                          required=""
+                          type="text"
                         />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error MuiFormHelperText-sizeMedium emotion-27"
-                        data-se="userProfile.timezone-error"
-                        id="userProfile.timezone-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-71"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-73"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-74"
-                >
                   <div
-                    class="MuiBox-root emotion-75"
+                    class="MuiBox-root emotion-10"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-35"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_12"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-36"
+                        data-shrink="false"
+                        for="userProfile.timezone"
                       >
-                        Already have an account?
-                      </p>
+                        Time zone
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-38"
+                        required="true"
+                      >
+                        <select
+                          aria-invalid="false"
+                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-39"
+                          data-se="userProfile.timezone"
+                          id="userProfile.timezone"
+                          name="userProfile.timezone"
+                          required=""
+                        >
+                          <option
+                            value=""
+                          >
+                            Select an option
+                          </option>
+                          <option
+                            value="GMT"
+                          >
+                            UTC
+                          </option>
+                          <option
+                            value="WET"
+                          >
+                            WET
+                          </option>
+                          <option
+                            value="CET"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="MET"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="ECT"
+                          >
+                            CET
+                          </option>
+                          <option
+                            value="EET"
+                          >
+                            EET
+                          </option>
+                          <option
+                            value="MIT"
+                          >
+                            Pacific/Apia
+                          </option>
+                          <option
+                            value="HST"
+                          >
+                            Pacific/Honolulu
+                          </option>
+                          <option
+                            value="AST"
+                          >
+                            America/Anchorage
+                          </option>
+                          <option
+                            value="PST"
+                          >
+                            America/Los_Angeles
+                          </option>
+                          <option
+                            value="MST"
+                          >
+                            America/Denver
+                          </option>
+                          <option
+                            value="PNT"
+                          >
+                            America/Phoenix
+                          </option>
+                          <option
+                            value="CST"
+                          >
+                            America/Chicago
+                          </option>
+                          <option
+                            value="EST"
+                          >
+                            America/New_York
+                          </option>
+                          <option
+                            value="IET"
+                          >
+                            America/Indiana/Indianapolis
+                          </option>
+                          <option
+                            value="PRT"
+                          >
+                            America/Puerto_Rico
+                          </option>
+                          <option
+                            value="CNT"
+                          >
+                            America/St_Johns
+                          </option>
+                          <option
+                            value="AGT"
+                          >
+                            America/Argentina/Buenos_Aires
+                          </option>
+                          <option
+                            value="BET"
+                          >
+                            America/Sao_Paulo
+                          </option>
+                          <option
+                            value="ART"
+                          >
+                            Africa/Cairo
+                          </option>
+                          <option
+                            value="CAT"
+                          >
+                            Africa/Harare
+                          </option>
+                          <option
+                            value="EAT"
+                          >
+                            Africa/Addis_Ababa
+                          </option>
+                          <option
+                            value="NET"
+                          >
+                            Asia/Yerevan
+                          </option>
+                          <option
+                            value="PLT"
+                          >
+                            Asia/Karachi
+                          </option>
+                          <option
+                            value="IST"
+                          >
+                            Asia/Kolkata
+                          </option>
+                          <option
+                            value="BST"
+                          >
+                            Asia/Dhaka
+                          </option>
+                          <option
+                            value="VST"
+                          >
+                            Asia/Ho_Chi_Minh
+                          </option>
+                          <option
+                            value="CTT"
+                          >
+                            Asia/Shanghai
+                          </option>
+                          <option
+                            value="JST"
+                          >
+                            Asia/Tokyo
+                          </option>
+                          <option
+                            value="ACT"
+                          >
+                            Australia/Darwin
+                          </option>
+                          <option
+                            value="AET"
+                          >
+                            Australia/Sydney
+                          </option>
+                          <option
+                            value="SST"
+                          >
+                            Pacific/Guadalcanal
+                          </option>
+                          <option
+                            value="NST"
+                          >
+                            Pacific/Auckland
+                          </option>
+                        </select>
+                        <svg
+                          aria-hidden="true"
+                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-40"
+                          data-testid="ArrowDropDownIcon"
+                          focusable="false"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            d="M7 10l5 5 5-5z"
+                          />
+                        </svg>
+                      </div>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-75"
+                    class="MuiBox-root emotion-10"
                   >
                     <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-79"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-55"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Sign In
+                      Sign Up
                     </button>
                   </div>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`enroll-profile-new-additional-fields should render form 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-8"
-              >
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiBox-root emotion-10"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
-                    >
-                      Sign up
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
-                    >
-                      Fields are required unless marked optional.
-                    </p>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
-                    >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
-                    >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-57"
+                    />
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
-                    >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-34"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-35"
-                      data-shrink="false"
-                      for="userProfile.country"
-                    >
-                      Country
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-37"
-                      required="true"
-                    >
-                      <select
-                        aria-invalid="false"
-                        class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-38"
-                        data-se="userProfile.country"
-                        id="userProfile.country"
-                        name="userProfile.country"
-                        required=""
-                      >
-                        <option
-                          value=""
-                        >
-                          Select an option
-                        </option>
-                        <option
-                          value="AF"
-                        >
-                          Afghanistan (AF)
-                        </option>
-                        <option
-                          value="AL"
-                        >
-                          Albania (AL)
-                        </option>
-                        <option
-                          value="DZ"
-                        >
-                          Algeria (DZ)
-                        </option>
-                        <option
-                          value="AS"
-                        >
-                          American Samoa (AS)
-                        </option>
-                        <option
-                          value="AD"
-                        >
-                          Andorra (AD)
-                        </option>
-                        <option
-                          value="AO"
-                        >
-                          Angola (AO)
-                        </option>
-                        <option
-                          value="AI"
-                        >
-                          Anguilla (AI)
-                        </option>
-                        <option
-                          value="AQ"
-                        >
-                          Antarctica (AQ)
-                        </option>
-                        <option
-                          value="AG"
-                        >
-                          Antigua and Barbuda (AG)
-                        </option>
-                        <option
-                          value="AR"
-                        >
-                          Argentina (AR)
-                        </option>
-                        <option
-                          value="AM"
-                        >
-                          Armenia (AM)
-                        </option>
-                        <option
-                          value="AW"
-                        >
-                          Aruba (AW)
-                        </option>
-                        <option
-                          value="AU"
-                        >
-                          Australia (AU)
-                        </option>
-                        <option
-                          value="AT"
-                        >
-                          Austria (AT)
-                        </option>
-                        <option
-                          value="AZ"
-                        >
-                          Azerbaijan (AZ)
-                        </option>
-                        <option
-                          value="BS"
-                        >
-                          Bahamas (BS)
-                        </option>
-                        <option
-                          value="BH"
-                        >
-                          Bahrain (BH)
-                        </option>
-                        <option
-                          value="BD"
-                        >
-                          Bangladesh (BD)
-                        </option>
-                        <option
-                          value="BB"
-                        >
-                          Barbados (BB)
-                        </option>
-                        <option
-                          value="BY"
-                        >
-                          Belarus (BY)
-                        </option>
-                        <option
-                          value="BE"
-                        >
-                          Belgium (BE)
-                        </option>
-                        <option
-                          value="BZ"
-                        >
-                          Belize (BZ)
-                        </option>
-                        <option
-                          value="BJ"
-                        >
-                          Benin (BJ)
-                        </option>
-                        <option
-                          value="BM"
-                        >
-                          Bermuda (BM)
-                        </option>
-                        <option
-                          value="BT"
-                        >
-                          Bhutan (BT)
-                        </option>
-                        <option
-                          value="BO"
-                        >
-                          Bolivia, Plurinational State of (BO)
-                        </option>
-                        <option
-                          value="BA"
-                        >
-                          Bosnia and Herzegovina (BA)
-                        </option>
-                        <option
-                          value="BW"
-                        >
-                          Botswana (BW)
-                        </option>
-                        <option
-                          value="BR"
-                        >
-                          Brazil (BR)
-                        </option>
-                        <option
-                          value="IO"
-                        >
-                          British Indian Ocean Territory (IO)
-                        </option>
-                        <option
-                          value="BN"
-                        >
-                          Brunei Darussalam (BN)
-                        </option>
-                        <option
-                          value="BG"
-                        >
-                          Bulgaria (BG)
-                        </option>
-                        <option
-                          value="BF"
-                        >
-                          Burkina Faso (BF)
-                        </option>
-                        <option
-                          value="BI"
-                        >
-                          Burundi (BI)
-                        </option>
-                        <option
-                          value="KH"
-                        >
-                          Cambodia (KH)
-                        </option>
-                        <option
-                          value="CM"
-                        >
-                          Cameroon (CM)
-                        </option>
-                        <option
-                          value="CA"
-                        >
-                          Canada (CA)
-                        </option>
-                        <option
-                          value="CV"
-                        >
-                          Cape Verde (CV)
-                        </option>
-                        <option
-                          value="KY"
-                        >
-                          Cayman Islands (KY)
-                        </option>
-                        <option
-                          value="CF"
-                        >
-                          Central African Republic (CF)
-                        </option>
-                        <option
-                          value="TD"
-                        >
-                          Chad (TD)
-                        </option>
-                        <option
-                          value="CL"
-                        >
-                          Chile (CL)
-                        </option>
-                        <option
-                          value="CN"
-                        >
-                          China (CN)
-                        </option>
-                        <option
-                          value="CX"
-                        >
-                          Christmas Island (CX)
-                        </option>
-                        <option
-                          value="CO"
-                        >
-                          Colombia (CO)
-                        </option>
-                        <option
-                          value="KM"
-                        >
-                          Comoros (KM)
-                        </option>
-                        <option
-                          value="CG"
-                        >
-                          Congo (CG)
-                        </option>
-                        <option
-                          value="CD"
-                        >
-                          Congo, the Democratic Republic of the (CD)
-                        </option>
-                        <option
-                          value="CK"
-                        >
-                          Cook Islands (CK)
-                        </option>
-                        <option
-                          value="CR"
-                        >
-                          Costa Rica (CR)
-                        </option>
-                        <option
-                          value="HR"
-                        >
-                          Croatia (HR)
-                        </option>
-                        <option
-                          value="CU"
-                        >
-                          Cuba (CU)
-                        </option>
-                        <option
-                          value="CY"
-                        >
-                          Cyprus (CY)
-                        </option>
-                        <option
-                          value="CZ"
-                        >
-                          Czech Republic (CZ)
-                        </option>
-                        <option
-                          value="CI"
-                        >
-                          Côte d'Ivoire (CI)
-                        </option>
-                        <option
-                          value="DK"
-                        >
-                          Denmark (DK)
-                        </option>
-                        <option
-                          value="DJ"
-                        >
-                          Djibouti (DJ)
-                        </option>
-                        <option
-                          value="DM"
-                        >
-                          Dominica (DM)
-                        </option>
-                        <option
-                          value="DO"
-                        >
-                          Dominican Republic (DO)
-                        </option>
-                        <option
-                          value="EC"
-                        >
-                          Ecuador (EC)
-                        </option>
-                        <option
-                          value="EG"
-                        >
-                          Egypt (EG)
-                        </option>
-                        <option
-                          value="SV"
-                        >
-                          El Salvador (SV)
-                        </option>
-                        <option
-                          value="GQ"
-                        >
-                          Equatorial Guinea (GQ)
-                        </option>
-                        <option
-                          value="ER"
-                        >
-                          Eritrea (ER)
-                        </option>
-                        <option
-                          value="EE"
-                        >
-                          Estonia (EE)
-                        </option>
-                        <option
-                          value="ET"
-                        >
-                          Ethiopia (ET)
-                        </option>
-                        <option
-                          value="FK"
-                        >
-                          Falkland Islands (Malvinas) (FK)
-                        </option>
-                        <option
-                          value="FO"
-                        >
-                          Faroe Islands (FO)
-                        </option>
-                        <option
-                          value="FJ"
-                        >
-                          Fiji (FJ)
-                        </option>
-                        <option
-                          value="FI"
-                        >
-                          Finland (FI)
-                        </option>
-                        <option
-                          value="FR"
-                        >
-                          France (FR)
-                        </option>
-                        <option
-                          value="GF"
-                        >
-                          French Guiana (GF)
-                        </option>
-                        <option
-                          value="PF"
-                        >
-                          French Polynesia (PF)
-                        </option>
-                        <option
-                          value="GA"
-                        >
-                          Gabon (GA)
-                        </option>
-                        <option
-                          value="GM"
-                        >
-                          Gambia (GM)
-                        </option>
-                        <option
-                          value="GE"
-                        >
-                          Georgia (GE)
-                        </option>
-                        <option
-                          value="DE"
-                        >
-                          Germany (DE)
-                        </option>
-                        <option
-                          value="GH"
-                        >
-                          Ghana (GH)
-                        </option>
-                        <option
-                          value="GI"
-                        >
-                          Gibraltar (GI)
-                        </option>
-                        <option
-                          value="GR"
-                        >
-                          Greece (GR)
-                        </option>
-                        <option
-                          value="GL"
-                        >
-                          Greenland (GL)
-                        </option>
-                        <option
-                          value="GD"
-                        >
-                          Grenada (GD)
-                        </option>
-                        <option
-                          value="GP"
-                        >
-                          Guadeloupe (GP)
-                        </option>
-                        <option
-                          value="GU"
-                        >
-                          Guam (GU)
-                        </option>
-                        <option
-                          value="GT"
-                        >
-                          Guatemala (GT)
-                        </option>
-                        <option
-                          value="GG"
-                        >
-                          Guernsey (GG)
-                        </option>
-                        <option
-                          value="GN"
-                        >
-                          Guinea (GN)
-                        </option>
-                        <option
-                          value="GW"
-                        >
-                          Guinea-Bissau (GW)
-                        </option>
-                        <option
-                          value="GY"
-                        >
-                          Guyana (GY)
-                        </option>
-                        <option
-                          value="HT"
-                        >
-                          Haiti (HT)
-                        </option>
-                        <option
-                          value="VA"
-                        >
-                          Holy See (Vatican City State) (VA)
-                        </option>
-                        <option
-                          value="HN"
-                        >
-                          Honduras (HN)
-                        </option>
-                        <option
-                          value="HK"
-                        >
-                          Hong Kong (HK)
-                        </option>
-                        <option
-                          value="HU"
-                        >
-                          Hungary (HU)
-                        </option>
-                        <option
-                          value="IS"
-                        >
-                          Iceland (IS)
-                        </option>
-                        <option
-                          value="IN"
-                        >
-                          India (IN)
-                        </option>
-                        <option
-                          value="ID"
-                        >
-                          Indonesia (ID)
-                        </option>
-                        <option
-                          value="IR"
-                        >
-                          Iran, Islamic Republic of (IR)
-                        </option>
-                        <option
-                          value="IQ"
-                        >
-                          Iraq (IQ)
-                        </option>
-                        <option
-                          value="IE"
-                        >
-                          Ireland (IE)
-                        </option>
-                        <option
-                          value="IL"
-                        >
-                          Israel (IL)
-                        </option>
-                        <option
-                          value="IT"
-                        >
-                          Italy (IT)
-                        </option>
-                        <option
-                          value="JM"
-                        >
-                          Jamaica (JM)
-                        </option>
-                        <option
-                          value="JP"
-                        >
-                          Japan (JP)
-                        </option>
-                        <option
-                          value="JE"
-                        >
-                          Jersey (JE)
-                        </option>
-                        <option
-                          value="JO"
-                        >
-                          Jordan (JO)
-                        </option>
-                        <option
-                          value="KZ"
-                        >
-                          Kazakhstan (KZ)
-                        </option>
-                        <option
-                          value="KE"
-                        >
-                          Kenya (KE)
-                        </option>
-                        <option
-                          value="KI"
-                        >
-                          Kiribati (KI)
-                        </option>
-                        <option
-                          value="KP"
-                        >
-                          Korea, Democratic People's Republic of (KP)
-                        </option>
-                        <option
-                          value="KR"
-                        >
-                          Korea, Republic of (KR)
-                        </option>
-                        <option
-                          value="XK"
-                        >
-                          Kosovo, Republic of (XK)
-                        </option>
-                        <option
-                          value="KW"
-                        >
-                          Kuwait (KW)
-                        </option>
-                        <option
-                          value="KG"
-                        >
-                          Kyrgyzstan (KG)
-                        </option>
-                        <option
-                          value="LA"
-                        >
-                          Lao People's Democratic Republic (LA)
-                        </option>
-                        <option
-                          value="LV"
-                        >
-                          Latvia (LV)
-                        </option>
-                        <option
-                          value="LB"
-                        >
-                          Lebanon (LB)
-                        </option>
-                        <option
-                          value="LS"
-                        >
-                          Lesotho (LS)
-                        </option>
-                        <option
-                          value="LR"
-                        >
-                          Liberia (LR)
-                        </option>
-                        <option
-                          value="LY"
-                        >
-                          Libya (LY)
-                        </option>
-                        <option
-                          value="LI"
-                        >
-                          Liechtenstein (LI)
-                        </option>
-                        <option
-                          value="LT"
-                        >
-                          Lithuania (LT)
-                        </option>
-                        <option
-                          value="LU"
-                        >
-                          Luxembourg (LU)
-                        </option>
-                        <option
-                          value="MO"
-                        >
-                          Macao (MO)
-                        </option>
-                        <option
-                          value="MK"
-                        >
-                          Macedonia, the former Yugoslav Republic of (MK)
-                        </option>
-                        <option
-                          value="MG"
-                        >
-                          Madagascar (MG)
-                        </option>
-                        <option
-                          value="MW"
-                        >
-                          Malawi (MW)
-                        </option>
-                        <option
-                          value="MY"
-                        >
-                          Malaysia (MY)
-                        </option>
-                        <option
-                          value="MV"
-                        >
-                          Maldives (MV)
-                        </option>
-                        <option
-                          value="ML"
-                        >
-                          Mali (ML)
-                        </option>
-                        <option
-                          value="MT"
-                        >
-                          Malta (MT)
-                        </option>
-                        <option
-                          value="MH"
-                        >
-                          Marshall Islands (MH)
-                        </option>
-                        <option
-                          value="MQ"
-                        >
-                          Martinique (MQ)
-                        </option>
-                        <option
-                          value="MR"
-                        >
-                          Mauritania (MR)
-                        </option>
-                        <option
-                          value="MU"
-                        >
-                          Mauritius (MU)
-                        </option>
-                        <option
-                          value="YT"
-                        >
-                          Mayotte (YT)
-                        </option>
-                        <option
-                          value="MX"
-                        >
-                          Mexico (MX)
-                        </option>
-                        <option
-                          value="FM"
-                        >
-                          Micronesia, Federated States of (FM)
-                        </option>
-                        <option
-                          value="MD"
-                        >
-                          Moldova, Republic of (MD)
-                        </option>
-                        <option
-                          value="MC"
-                        >
-                          Monaco (MC)
-                        </option>
-                        <option
-                          value="MN"
-                        >
-                          Mongolia (MN)
-                        </option>
-                        <option
-                          value="ME"
-                        >
-                          Montenegro (ME)
-                        </option>
-                        <option
-                          value="MS"
-                        >
-                          Montserrat (MS)
-                        </option>
-                        <option
-                          value="MA"
-                        >
-                          Morocco (MA)
-                        </option>
-                        <option
-                          value="MZ"
-                        >
-                          Mozambique (MZ)
-                        </option>
-                        <option
-                          value="MM"
-                        >
-                          Myanmar (MM)
-                        </option>
-                        <option
-                          value="NA"
-                        >
-                          Namibia (NA)
-                        </option>
-                        <option
-                          value="NR"
-                        >
-                          Nauru (NR)
-                        </option>
-                        <option
-                          value="NP"
-                        >
-                          Nepal (NP)
-                        </option>
-                        <option
-                          value="NL"
-                        >
-                          Netherlands (NL)
-                        </option>
-                        <option
-                          value="AN"
-                        >
-                          Netherlands Antilles (AN)
-                        </option>
-                        <option
-                          value="NC"
-                        >
-                          New Caledonia (NC)
-                        </option>
-                        <option
-                          value="NZ"
-                        >
-                          New Zealand (NZ)
-                        </option>
-                        <option
-                          value="NI"
-                        >
-                          Nicaragua (NI)
-                        </option>
-                        <option
-                          value="NE"
-                        >
-                          Niger (NE)
-                        </option>
-                        <option
-                          value="NG"
-                        >
-                          Nigeria (NG)
-                        </option>
-                        <option
-                          value="NU"
-                        >
-                          Niue (NU)
-                        </option>
-                        <option
-                          value="NF"
-                        >
-                          Norfolk Island (NF)
-                        </option>
-                        <option
-                          value="MP"
-                        >
-                          Northern Mariana Islands (MP)
-                        </option>
-                        <option
-                          value="NO"
-                        >
-                          Norway (NO)
-                        </option>
-                        <option
-                          value="OM"
-                        >
-                          Oman (OM)
-                        </option>
-                        <option
-                          value="PK"
-                        >
-                          Pakistan (PK)
-                        </option>
-                        <option
-                          value="PW"
-                        >
-                          Palau (PW)
-                        </option>
-                        <option
-                          value="PS"
-                        >
-                          Palestine, State of (PS)
-                        </option>
-                        <option
-                          value="PA"
-                        >
-                          Panama (PA)
-                        </option>
-                        <option
-                          value="PG"
-                        >
-                          Papua New Guinea (PG)
-                        </option>
-                        <option
-                          value="PY"
-                        >
-                          Paraguay (PY)
-                        </option>
-                        <option
-                          value="PE"
-                        >
-                          Peru (PE)
-                        </option>
-                        <option
-                          value="PH"
-                        >
-                          Philippines (PH)
-                        </option>
-                        <option
-                          value="PN"
-                        >
-                          Pitcairn (PN)
-                        </option>
-                        <option
-                          value="PL"
-                        >
-                          Poland (PL)
-                        </option>
-                        <option
-                          value="PT"
-                        >
-                          Portugal (PT)
-                        </option>
-                        <option
-                          value="PR"
-                        >
-                          Puerto Rico (PR)
-                        </option>
-                        <option
-                          value="QA"
-                        >
-                          Qatar (QA)
-                        </option>
-                        <option
-                          value="RO"
-                        >
-                          Romania (RO)
-                        </option>
-                        <option
-                          value="RU"
-                        >
-                          Russian Federation (RU)
-                        </option>
-                        <option
-                          value="RW"
-                        >
-                          Rwanda (RW)
-                        </option>
-                        <option
-                          value="RE"
-                        >
-                          Réunion (RE)
-                        </option>
-                        <option
-                          value="SH"
-                        >
-                          Saint Helena, Ascension and Tristan da Cunha (SH)
-                        </option>
-                        <option
-                          value="KN"
-                        >
-                          Saint Kitts and Nevis (KN)
-                        </option>
-                        <option
-                          value="LC"
-                        >
-                          Saint Lucia (LC)
-                        </option>
-                        <option
-                          value="PM"
-                        >
-                          Saint Pierre and Miquelon (PM)
-                        </option>
-                        <option
-                          value="VC"
-                        >
-                          Saint Vincent and the Grenadines (VC)
-                        </option>
-                        <option
-                          value="WS"
-                        >
-                          Samoa (WS)
-                        </option>
-                        <option
-                          value="SM"
-                        >
-                          San Marino (SM)
-                        </option>
-                        <option
-                          value="SA"
-                        >
-                          Saudi Arabia (SA)
-                        </option>
-                        <option
-                          value="SN"
-                        >
-                          Senegal (SN)
-                        </option>
-                        <option
-                          value="RS"
-                        >
-                          Serbia (RS)
-                        </option>
-                        <option
-                          value="SC"
-                        >
-                          Seychelles (SC)
-                        </option>
-                        <option
-                          value="SL"
-                        >
-                          Sierra Leone (SL)
-                        </option>
-                        <option
-                          value="SG"
-                        >
-                          Singapore (SG)
-                        </option>
-                        <option
-                          value="SK"
-                        >
-                          Slovakia (SK)
-                        </option>
-                        <option
-                          value="SI"
-                        >
-                          Slovenia (SI)
-                        </option>
-                        <option
-                          value="SB"
-                        >
-                          Solomon Islands (SB)
-                        </option>
-                        <option
-                          value="SO"
-                        >
-                          Somalia (SO)
-                        </option>
-                        <option
-                          value="ZA"
-                        >
-                          South Africa (ZA)
-                        </option>
-                        <option
-                          value="GS"
-                        >
-                          South Georgia and the South Sandwich Islands (GS)
-                        </option>
-                        <option
-                          value="SS"
-                        >
-                          South Sudan (SS)
-                        </option>
-                        <option
-                          value="ES"
-                        >
-                          Spain (ES)
-                        </option>
-                        <option
-                          value="LK"
-                        >
-                          Sri Lanka (LK)
-                        </option>
-                        <option
-                          value="SD"
-                        >
-                          Sudan (SD)
-                        </option>
-                        <option
-                          value="SR"
-                        >
-                          Suriname (SR)
-                        </option>
-                        <option
-                          value="SJ"
-                        >
-                          Svalbard and Jan Mayen (SJ)
-                        </option>
-                        <option
-                          value="SZ"
-                        >
-                          Swaziland (SZ)
-                        </option>
-                        <option
-                          value="SE"
-                        >
-                          Sweden (SE)
-                        </option>
-                        <option
-                          value="CH"
-                        >
-                          Switzerland (CH)
-                        </option>
-                        <option
-                          value="SY"
-                        >
-                          Syrian Arab Republic (SY)
-                        </option>
-                        <option
-                          value="ST"
-                        >
-                          São Tomé and Príncipe (ST)
-                        </option>
-                        <option
-                          value="TW"
-                        >
-                          Taiwan (TW)
-                        </option>
-                        <option
-                          value="TJ"
-                        >
-                          Tajikistan (TJ)
-                        </option>
-                        <option
-                          value="TZ"
-                        >
-                          Tanzania, United Republic of (TZ)
-                        </option>
-                        <option
-                          value="TH"
-                        >
-                          Thailand (TH)
-                        </option>
-                        <option
-                          value="TL"
-                        >
-                          Timor-Leste (TL)
-                        </option>
-                        <option
-                          value="TG"
-                        >
-                          Togo (TG)
-                        </option>
-                        <option
-                          value="TK"
-                        >
-                          Tokelau (TK)
-                        </option>
-                        <option
-                          value="TO"
-                        >
-                          Tonga (TO)
-                        </option>
-                        <option
-                          value="TT"
-                        >
-                          Trinidad and Tobago (TT)
-                        </option>
-                        <option
-                          value="TN"
-                        >
-                          Tunisia (TN)
-                        </option>
-                        <option
-                          value="TR"
-                        >
-                          Turkey (TR)
-                        </option>
-                        <option
-                          value="TM"
-                        >
-                          Turkmenistan (TM)
-                        </option>
-                        <option
-                          value="TC"
-                        >
-                          Turks and Caicos Islands (TC)
-                        </option>
-                        <option
-                          value="TV"
-                        >
-                          Tuvalu (TV)
-                        </option>
-                        <option
-                          value="UG"
-                        >
-                          Uganda (UG)
-                        </option>
-                        <option
-                          value="UA"
-                        >
-                          Ukraine (UA)
-                        </option>
-                        <option
-                          value="AE"
-                        >
-                          United Arab Emirates (AE)
-                        </option>
-                        <option
-                          value="GB"
-                        >
-                          United Kingdom (GB)
-                        </option>
-                        <option
-                          value="US"
-                        >
-                          United States (US)
-                        </option>
-                        <option
-                          value="UM"
-                        >
-                          United States Minor Outlying Islands (UM)
-                        </option>
-                        <option
-                          value="UY"
-                        >
-                          Uruguay (UY)
-                        </option>
-                        <option
-                          value="UZ"
-                        >
-                          Uzbekistan (UZ)
-                        </option>
-                        <option
-                          value="VU"
-                        >
-                          Vanuatu (VU)
-                        </option>
-                        <option
-                          value="VE"
-                        >
-                          Venezuela, Bolivarian Republic of (VE)
-                        </option>
-                        <option
-                          value="VN"
-                        >
-                          Viet Nam (VN)
-                        </option>
-                        <option
-                          value="VG"
-                        >
-                          Virgin Islands, British (VG)
-                        </option>
-                        <option
-                          value="VI"
-                        >
-                          Virgin Islands, U.S. (VI)
-                        </option>
-                        <option
-                          value="WF"
-                        >
-                          Wallis and Futuna (WF)
-                        </option>
-                        <option
-                          value="EH"
-                        >
-                          Western Sahara (EH)
-                        </option>
-                        <option
-                          value="YE"
-                        >
-                          Yemen (YE)
-                        </option>
-                        <option
-                          value="ZM"
-                        >
-                          Zambia (ZM)
-                        </option>
-                        <option
-                          value="ZW"
-                        >
-                          Zimbabwe (ZW)
-                        </option>
-                        <option
-                          value="AX"
-                        >
-                          Åland Islands (AX)
-                        </option>
-                      </select>
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-39"
-                        data-testid="ArrowDropDownIcon"
-                        focusable="false"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.countryCode"
-                    >
-                      Country code
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
-                    >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.countryCode"
-                        id="userProfile.countryCode"
-                        name="userProfile.countryCode"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <div
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-34"
+                    class="MuiBox-root emotion-58"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-outlined emotion-35"
-                      data-shrink="false"
-                      for="userProfile.timezone"
-                    >
-                      Time zone
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary MuiInputBase-formControl  emotion-37"
-                      required="true"
+                      class="MuiBox-root emotion-59"
                     >
-                      <select
-                        aria-invalid="false"
-                        class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-38"
-                        data-se="userProfile.timezone"
-                        id="userProfile.timezone"
-                        name="userProfile.timezone"
-                        required=""
-                      >
-                        <option
-                          value=""
-                        >
-                          Select an option
-                        </option>
-                        <option
-                          value="GMT"
-                        >
-                          UTC
-                        </option>
-                        <option
-                          value="WET"
-                        >
-                          WET
-                        </option>
-                        <option
-                          value="CET"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="MET"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="ECT"
-                        >
-                          CET
-                        </option>
-                        <option
-                          value="EET"
-                        >
-                          EET
-                        </option>
-                        <option
-                          value="MIT"
-                        >
-                          Pacific/Apia
-                        </option>
-                        <option
-                          value="HST"
-                        >
-                          Pacific/Honolulu
-                        </option>
-                        <option
-                          value="AST"
-                        >
-                          America/Anchorage
-                        </option>
-                        <option
-                          value="PST"
-                        >
-                          America/Los_Angeles
-                        </option>
-                        <option
-                          value="MST"
-                        >
-                          America/Denver
-                        </option>
-                        <option
-                          value="PNT"
-                        >
-                          America/Phoenix
-                        </option>
-                        <option
-                          value="CST"
-                        >
-                          America/Chicago
-                        </option>
-                        <option
-                          value="EST"
-                        >
-                          America/New_York
-                        </option>
-                        <option
-                          value="IET"
-                        >
-                          America/Indiana/Indianapolis
-                        </option>
-                        <option
-                          value="PRT"
-                        >
-                          America/Puerto_Rico
-                        </option>
-                        <option
-                          value="CNT"
-                        >
-                          America/St_Johns
-                        </option>
-                        <option
-                          value="AGT"
-                        >
-                          America/Argentina/Buenos_Aires
-                        </option>
-                        <option
-                          value="BET"
-                        >
-                          America/Sao_Paulo
-                        </option>
-                        <option
-                          value="ART"
-                        >
-                          Africa/Cairo
-                        </option>
-                        <option
-                          value="CAT"
-                        >
-                          Africa/Harare
-                        </option>
-                        <option
-                          value="EAT"
-                        >
-                          Africa/Addis_Ababa
-                        </option>
-                        <option
-                          value="NET"
-                        >
-                          Asia/Yerevan
-                        </option>
-                        <option
-                          value="PLT"
-                        >
-                          Asia/Karachi
-                        </option>
-                        <option
-                          value="IST"
-                        >
-                          Asia/Kolkata
-                        </option>
-                        <option
-                          value="BST"
-                        >
-                          Asia/Dhaka
-                        </option>
-                        <option
-                          value="VST"
-                        >
-                          Asia/Ho_Chi_Minh
-                        </option>
-                        <option
-                          value="CTT"
-                        >
-                          Asia/Shanghai
-                        </option>
-                        <option
-                          value="JST"
-                        >
-                          Asia/Tokyo
-                        </option>
-                        <option
-                          value="ACT"
-                        >
-                          Australia/Darwin
-                        </option>
-                        <option
-                          value="AET"
-                        >
-                          Australia/Sydney
-                        </option>
-                        <option
-                          value="SST"
-                        >
-                          Pacific/Guadalcanal
-                        </option>
-                        <option
-                          value="NST"
-                        >
-                          Pacific/Auckland
-                        </option>
-                      </select>
-                      <svg
-                        aria-hidden="true"
-                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-39"
-                        data-testid="ArrowDropDownIcon"
-                        focusable="false"
-                        viewBox="0 0 24 24"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        <path
-                          d="M7 10l5 5 5-5z"
-                        />
-                      </svg>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_12"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-56"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-57"
-                >
-                  <div
-                    class="MuiBox-root emotion-58"
-                  >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-59"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_12"
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-63"
+                        data-se="back"
+                        role="link"
+                        type="button"
                       >
-                        Already have an account?
-                      </p>
+                        Sign In
+                      </button>
                     </div>
                   </div>
-                  <div
-                    class="MuiBox-root emotion-58"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-62"
-                      data-se="back"
-                      role="link"
-                      type="button"
-                    >
-                      Sign In
-                    </button>
-                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-new.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-new.test.tsx.snap
index 2ddc319c4d..568d9afcf6 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-new.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-new.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`enroll-profile-new should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,196 +43,200 @@ exports[`enroll-profile-new should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-36"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-37"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-35"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-37"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-38"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-39"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_9"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_9"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-38"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-39"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-registration-callbacks.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-registration-callbacks.test.tsx.snap
index dd66f9ab75..339f8b6d66 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-registration-callbacks.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-registration-callbacks.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`enroll-profile-with-password should add new field to view and remove it from the payload before submission 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,319 +43,307 @@ exports[`enroll-profile-with-password should add new field to view and remove it
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-17"
-                      data-shrink="false"
-                      for="userProfile.address"
-                    >
-                      Street Address
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-18"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-19"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-20"
-                        data-se="userProfile.address"
-                        id="userProfile.address"
-                        name="userProfile.address"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-18"
+                        data-shrink="false"
+                        for="userProfile.address"
+                      >
+                        Street Address
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-19"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-20"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-21"
+                          data-se="userProfile.address"
+                          id="userProfile.address"
+                          name="userProfile.address"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-42"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-43"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-43"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-44"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-45"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_10"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_10"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-44"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-48"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-45"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-49"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should show custom error message and prevent submission when failure is triggered in preSubmit callback 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    This is my custom global message
-                  </div>
-                </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
                     >
-                      Sign up
-                    </h2>
+                      This is my custom global message
+                    </div>
                   </div>
                 </div>
                 <div
@@ -364,281 +352,285 @@ exports[`enroll-profile-with-password should show custom error message and preve
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.lastName-error  "
-                        aria-invalid="true"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
                       <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.lastName-error"
-                        id="userProfile.lastName-error"
-                        role="alert"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        Custom preSubmit error
+                        Fields are required unless marked optional.
                       </p>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.lastName-error  "
+                          aria-invalid="true"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.lastName-error"
+                          id="userProfile.lastName-error"
+                          role="alert"
+                        >
+                          Custom preSubmit error
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-43"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-44"
-                >
                   <div
-                    class="MuiBox-root emotion-45"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_9"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.email"
                       >
-                        Already have an account?
-                      </p>
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-45"
+                    class="MuiBox-root emotion-15"
                   >
                     <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-49"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Sign In
+                      Sign Up
                     </button>
                   </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-44"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-45"
+                  >
+                    <div
+                      class="MuiBox-root emotion-46"
+                    >
+                      <div
+                        class="MuiBox-root emotion-16"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_9"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-46"
+                    >
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should show custom field level error message and custom global message on page load 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    This is my custom global message
-                  </div>
-                </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
                     >
-                      Sign up
-                    </h2>
+                      This is my custom global message
+                    </div>
                   </div>
                 </div>
                 <div
@@ -647,551 +639,559 @@ exports[`enroll-profile-with-password should show custom field level error messa
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.lastName-error  "
-                        aria-invalid="true"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
                       <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.lastName-error"
-                        id="userProfile.lastName-error"
-                        role="alert"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        Custom parseSchema error
+                        Fields are required unless marked optional.
                       </p>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.lastName-error  "
+                          aria-invalid="true"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.lastName-error"
+                          id="userProfile.lastName-error"
+                          role="alert"
+                        >
+                          Custom parseSchema error
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-43"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-44"
-                >
                   <div
-                    class="MuiBox-root emotion-45"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_9"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.email"
                       >
-                        Already have an account?
-                      </p>
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-45"
+                    class="MuiBox-root emotion-15"
                   >
                     <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-49"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Sign In
+                      Sign Up
                     </button>
                   </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-44"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-45"
+                  >
+                    <div
+                      class="MuiBox-root emotion-46"
+                    >
+                      <div
+                        class="MuiBox-root emotion-16"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_9"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-46"
+                    >
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should show generic error message and prevent updated view rendering when failure is triggered in postSubmit callback 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We could not process your registration at this time. Please try again later.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We could not process your registration at this time. Please try again later.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-39"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-41"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-42"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-42"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-43"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-44"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_9"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_9"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-43"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-47"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-44"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-48"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should show validation error messages on all fields when submitted without completing required fields 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
-                </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_1"
-                      tabindex="-1"
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
                     >
-                      Sign up
-                    </h2>
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
@@ -1200,267 +1200,287 @@ exports[`enroll-profile-with-password should show validation error messages on a
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.lastName-error  "
-                        aria-invalid="true"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-16"
                     >
                       <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.lastName-error"
-                        id="userProfile.lastName-error"
-                        role="alert"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        This field cannot be left blank
+                        Fields are required unless marked optional.
                       </p>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.firstName-error  "
-                        aria-invalid="true"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
-                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.firstName-error"
-                        id="userProfile.firstName-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.lastName"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.lastName-error  "
+                          aria-invalid="true"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.lastName-error"
+                          id="userProfile.lastName-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.email-error  "
-                        aria-invalid="true"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
-                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.email-error"
-                        id="userProfile.email-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.firstName"
                       >
-                        This field cannot be left blank
-                      </p>
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.firstName-error  "
+                          aria-invalid="true"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.firstName-error"
+                          id="userProfile.firstName-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.address"
-                    >
-                      Street Address
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.address-error  "
-                        aria-invalid="true"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.address"
-                        id="userProfile.address"
-                        name="userProfile.address"
-                        required=""
-                        type="text"
-                      />
-                    </div>
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-27"
-                        data-se="userProfile.address-error"
-                        id="userProfile.address-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.email"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.email-error  "
+                          aria-invalid="true"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.email-error"
+                          id="userProfile.email-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-53"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-55"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-56"
-                >
                   <div
-                    class="MuiBox-root emotion-57"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_10"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.address"
                       >
-                        Already have an account?
-                      </p>
+                        Street Address
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.address-error  "
+                          aria-invalid="true"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.address"
+                          id="userProfile.address"
+                          name="userProfile.address"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-28"
+                          data-se="userProfile.address-error"
+                          id="userProfile.address-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-57"
+                    class="MuiBox-root emotion-15"
                   >
                     <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-54"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      Sign In
+                      Sign Up
                     </button>
                   </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-56"
+                    />
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-57"
+                  >
+                    <div
+                      class="MuiBox-root emotion-58"
+                    >
+                      <div
+                        class="MuiBox-root emotion-16"
+                      >
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_10"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-58"
+                    >
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-62"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-update-optional-fields.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-update-optional-fields.test.tsx.snap
index d0ffb2392a..3f3af05c3b 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-update-optional-fields.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-update-optional-fields.test.tsx.snap
@@ -2,267 +2,271 @@
 
 exports[`enroll-profile-update-optional-fields should render form with one required field 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
-              >
-                <span
-                  class="MuiBox-root emotion-9"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
             </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-13"
+                class="identifier-container MuiBox-root emotion-8"
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-9"
                 >
-                  <div
-                    class="MuiBox-root emotion-15"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="profile-update_Title_Additional_Profile_information_1"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Additional Profile information
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="profile-update_Title_Additional_Profile_information_1"
+                        tabindex="-1"
+                      >
+                        Additional Profile information
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.newAttribute"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Some custom attribute
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-23"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        Optional
+                        Fields are required unless marked optional.
                       </p>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.newAttribute"
-                        id="userProfile.newAttribute"
-                        name="userProfile.newAttribute"
-                        required=""
-                        type="text"
-                      />
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.secondEmail"
-                    >
-                      Secondary email
-                      <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-23"
-                      >
-                        Optional
-                      </p>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="userProfile.secondEmail-explain"
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.secondEmail"
-                        id="userProfile.secondEmail"
-                        name="userProfile.secondEmail"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <p
-                      class="MuiFormHelperText-root o-form-explain emotion-32"
-                      data-se="userProfile.secondEmail-explain"
-                      id="userProfile.secondEmail-explain"
+                      class="MuiBox-root emotion-1"
                     >
-                      Use a second email to 
-                      <span
-                        class="strong"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.newAttribute"
                       >
-                         recover your account 
-                      </span>
-                       in case you become locked out. This email must be verified after setup.
-                    </p>
+                        Some custom attribute
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-24"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.newAttribute"
+                          id="userProfile.newAttribute"
+                          name="userProfile.newAttribute"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.newAttribute2"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      Some custom attribute 2
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.secondEmail"
+                      >
+                        Secondary email
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-24"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="userProfile.secondEmail-explain"
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.secondEmail"
+                          id="userProfile.secondEmail"
+                          name="userProfile.secondEmail"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-23"
+                        class="MuiFormHelperText-root o-form-explain emotion-33"
+                        data-se="userProfile.secondEmail-explain"
+                        id="userProfile.secondEmail-explain"
                       >
-                        Optional
+                        Use a second email to 
+                        <span
+                          class="strong"
+                        >
+                           recover your account 
+                        </span>
+                         in case you become locked out. This email must be verified after setup.
                       </p>
-                    </label>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.newAttribute2"
-                        id="userProfile.newAttribute2"
-                        name="userProfile.newAttribute2"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.newAttribute2"
+                      >
+                        Some custom attribute 2
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-24"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.newAttribute2"
+                          id="userProfile.newAttribute2"
+                          name="userProfile.newAttribute2"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Finish
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="skip"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Finish
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Skip Profile
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="skip"
+                      role="link"
+                      type="button"
+                    >
+                      Skip Profile
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-update-required-field.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-update-required-field.test.tsx.snap
index 1abf24b7f3..72e057c083 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-update-required-field.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-update-required-field.test.tsx.snap
@@ -2,125 +2,109 @@
 
 exports[`enroll-profile-update-required-field fails client side validation with empty required fields 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
-              >
-                <span
-                  class="MuiBox-root emotion-9"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
             </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-13"
+                class="identifier-container MuiBox-root emotion-8"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-14"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-15"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-16"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-17"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-18"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-14"
                 >
                   <div
-                    class="MuiBox-root emotion-20"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
+                    role="alert"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-21"
-                      data-se="o-form-head"
-                      id="profile-update_Title_Additional_Profile_information_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiAlert-icon emotion-16"
                     >
-                      Additional Profile information
-                    </h2>
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-18"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
@@ -129,431 +113,455 @@ exports[`enroll-profile-update-required-field fails client side validation with
                   <div
                     class="MuiBox-root emotion-20"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
-                      data-se="o-form-explain"
-                      id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-21"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-22"
+                        data-se="o-form-head"
+                        id="profile-update_Title_Additional_Profile_information_1"
+                        tabindex="-1"
+                      >
+                        Additional Profile information
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="userProfile.newAttribute"
+                    <div
+                      class="MuiBox-root emotion-21"
                     >
-                      Some custom attribute
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-28"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
+                        data-se="o-form-explain"
+                        id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        Optional
+                        Fields are required unless marked optional.
                       </p>
-                    </label>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-29"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-30"
-                        data-se="userProfile.newAttribute"
-                        id="userProfile.newAttribute"
-                        name="userProfile.newAttribute"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="userProfile.newAttribute"
+                      >
+                        Some custom attribute
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-29"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-30"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-31"
+                          data-se="userProfile.newAttribute"
+                          id="userProfile.newAttribute"
+                          name="userProfile.newAttribute"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="userProfile.secondEmail"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      Secondary email
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="userProfile.secondEmail"
+                      >
+                        Secondary email
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-29"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-30"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="userProfile.secondEmail-explain"
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-31"
+                          data-se="userProfile.secondEmail"
+                          id="userProfile.secondEmail"
+                          name="userProfile.secondEmail"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-28"
+                        class="MuiFormHelperText-root o-form-explain emotion-38"
+                        data-se="userProfile.secondEmail-explain"
+                        id="userProfile.secondEmail-explain"
                       >
-                        Optional
+                        Use a second email to 
+                        <span
+                          class="strong"
+                        >
+                           recover your account 
+                        </span>
+                         in case you become locked out. This email must be verified after setup.
                       </p>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-29"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="userProfile.secondEmail-explain"
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-30"
-                        data-se="userProfile.secondEmail"
-                        id="userProfile.secondEmail"
-                        name="userProfile.secondEmail"
-                        required=""
-                        type="text"
-                      />
                     </div>
-                    <p
-                      class="MuiFormHelperText-root o-form-explain emotion-37"
-                      data-se="userProfile.secondEmail-explain"
-                      id="userProfile.secondEmail-explain"
-                    >
-                      Use a second email to 
-                      <span
-                        class="strong"
-                      >
-                         recover your account 
-                      </span>
-                       in case you become locked out. This email must be verified after setup.
-                    </p>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-40"
-                      data-shrink="false"
-                      for="userProfile.newAttribute2"
-                    >
-                      Some custom attribute 2
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-41"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-29"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" userProfile.newAttribute2-error  "
-                        aria-invalid="true"
-                        class="MuiInputBase-input emotion-30"
-                        data-se="userProfile.newAttribute2"
-                        id="userProfile.newAttribute2"
-                        name="userProfile.newAttribute2"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-37"
-                        data-se="userProfile.newAttribute2-error"
-                        id="userProfile.newAttribute2-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-41"
+                        data-shrink="false"
+                        for="userProfile.newAttribute2"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Some custom attribute 2
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-42"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-30"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.newAttribute2-error  "
+                          aria-invalid="true"
+                          class="MuiInputBase-input emotion-31"
+                          data-se="userProfile.newAttribute2"
+                          id="userProfile.newAttribute2"
+                          name="userProfile.newAttribute2"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-38"
+                          data-se="userProfile.newAttribute2-error"
+                          id="userProfile.newAttribute2-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-47"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    Finish
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-49"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-48"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Finish
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-update-required-field should render form with one required field 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
-              >
-                <span
-                  class="MuiBox-root emotion-9"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
             </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-13"
+                class="identifier-container MuiBox-root emotion-8"
               >
                 <div
-                  class="MuiBox-root emotion-14"
+                  class="MuiBox-root emotion-9"
                 >
-                  <div
-                    class="MuiBox-root emotion-15"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="profile-update_Title_Additional_Profile_information_1"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Additional Profile information
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="profile-update_Title_Additional_Profile_information_1"
+                        tabindex="-1"
+                      >
+                        Additional Profile information
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.newAttribute"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Some custom attribute
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-23"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="profile-update_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        Optional
+                        Fields are required unless marked optional.
                       </p>
-                    </label>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.newAttribute"
-                        id="userProfile.newAttribute"
-                        name="userProfile.newAttribute"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.newAttribute"
+                      >
+                        Some custom attribute
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-24"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.newAttribute"
+                          id="userProfile.newAttribute"
+                          name="userProfile.newAttribute"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.secondEmail"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      Secondary email
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.secondEmail"
+                      >
+                        Secondary email
+                        <p
+                          class="MuiTypography-root MuiTypography-subtitle1 emotion-24"
+                        >
+                          Optional
+                        </p>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby="userProfile.secondEmail-explain"
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.secondEmail"
+                          id="userProfile.secondEmail"
+                          name="userProfile.secondEmail"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                       <p
-                        class="MuiTypography-root MuiTypography-subtitle1 emotion-23"
+                        class="MuiFormHelperText-root o-form-explain emotion-33"
+                        data-se="userProfile.secondEmail-explain"
+                        id="userProfile.secondEmail-explain"
                       >
-                        Optional
+                        Use a second email to 
+                        <span
+                          class="strong"
+                        >
+                           recover your account 
+                        </span>
+                         in case you become locked out. This email must be verified after setup.
                       </p>
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby="userProfile.secondEmail-explain"
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.secondEmail"
-                        id="userProfile.secondEmail"
-                        name="userProfile.secondEmail"
-                        required=""
-                        type="text"
-                      />
                     </div>
-                    <p
-                      class="MuiFormHelperText-root o-form-explain emotion-32"
-                      data-se="userProfile.secondEmail-explain"
-                      id="userProfile.secondEmail-explain"
-                    >
-                      Use a second email to 
-                      <span
-                        class="strong"
-                      >
-                         recover your account 
-                      </span>
-                       in case you become locked out. This email must be verified after setup.
-                    </p>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-35"
-                      data-shrink="false"
-                      for="userProfile.newAttribute2"
-                    >
-                      Some custom attribute 2
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-36"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.newAttribute2"
-                        id="userProfile.newAttribute2"
-                        name="userProfile.newAttribute2"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-36"
+                        data-shrink="false"
+                        for="userProfile.newAttribute2"
+                      >
+                        Some custom attribute 2
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-37"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.newAttribute2"
+                          id="userProfile.newAttribute2"
+                          name="userProfile.newAttribute2"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-40"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Finish
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Finish
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-43"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-update.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-update.test.tsx.snap
index 21f8b509fc..62dc2ed4b4 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-update.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-update.test.tsx.snap
@@ -2,125 +2,109 @@
 
 exports[`enroll-profile-update fails client side validation with empty required fields 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
-              >
-                <span
-                  class="MuiBox-root emotion-9"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
-              </div>
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
             </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-13"
+                class="identifier-container MuiBox-root emotion-8"
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-14"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
-                  <div
-                    class="MuiAlert-icon emotion-15"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
                     <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-16"
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
                       fill="none"
                       focusable="false"
+                      role="img"
                       viewBox="0 0 16 16"
                       xmlns="http://www.w3.org/2000/svg"
                     >
                       <path
                         clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
                         fill="currentColor"
                         fill-rule="evenodd"
                       />
+                      <title>
+                        User
+                      </title>
                     </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-17"
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
                   >
-                    We found some errors. Please review the form and make corrections.
-                  </div>
+                    testUser@okta.com
+                  </span>
                 </div>
               </div>
-              <div
-                class="MuiBox-root emotion-18"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-19"
+                  class="MuiBox-root emotion-14"
                 >
                   <div
-                    class="MuiBox-root emotion-20"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-15"
+                    role="alert"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-21"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_in_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiAlert-icon emotion-16"
                     >
-                      Sign in
-                    </h2>
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-18"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
                 <div
@@ -129,206 +113,226 @@ exports[`enroll-profile-update fails client side validation with empty required
                   <div
                     class="MuiBox-root emotion-20"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-24"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-21"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-22"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_in_1"
+                        tabindex="-1"
+                      >
+                        Sign in
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="userProfile.favoriteSport"
-                    >
-                      Favorite sport
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-28"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-29"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" userProfile.favoriteSport-error  "
-                        aria-invalid="true"
-                        class="MuiInputBase-input emotion-30"
-                        data-se="userProfile.favoriteSport"
-                        id="userProfile.favoriteSport"
-                        name="userProfile.favoriteSport"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-21"
                     >
                       <p
-                        class="MuiFormHelperText-root Mui-error emotion-32"
-                        data-se="userProfile.favoriteSport-error"
-                        id="userProfile.favoriteSport-error"
-                        role="alert"
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
                       >
-                        This field cannot be left blank
+                        Fields are required unless marked optional.
                       </p>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-20"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-27"
-                      data-shrink="false"
-                      for="userProfile.newAttribute"
-                    >
-                      Custom attribute
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-28"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-29"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" userProfile.newAttribute-error  "
-                        aria-invalid="true"
-                        class="MuiInputBase-input emotion-30"
-                        data-se="userProfile.newAttribute"
-                        id="userProfile.newAttribute"
-                        name="userProfile.newAttribute"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="userProfile.favoriteSport"
+                      >
+                        Favorite sport
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-29"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-30"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.favoriteSport-error  "
+                          aria-invalid="true"
+                          class="MuiInputBase-input emotion-31"
+                          data-se="userProfile.favoriteSport"
+                          id="userProfile.favoriteSport"
+                          name="userProfile.favoriteSport"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-33"
+                          data-se="userProfile.favoriteSport-error"
+                          id="userProfile.favoriteSport-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-20"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-32"
-                        data-se="userProfile.newAttribute-error"
-                        id="userProfile.newAttribute-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-28"
+                        data-shrink="false"
+                        for="userProfile.newAttribute"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Custom attribute
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-29"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth emotion-30"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" userProfile.newAttribute-error  "
+                          aria-invalid="true"
+                          class="MuiInputBase-input emotion-31"
+                          data-se="userProfile.newAttribute"
+                          id="userProfile.newAttribute"
+                          name="userProfile.newAttribute"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-33"
+                          data-se="userProfile.newAttribute-error"
+                          id="userProfile.newAttribute-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-19"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-20"
                   >
-                    Submit
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-43"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Submit
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-update should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -336,119 +340,123 @@ exports[`enroll-profile-update should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_in_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign in
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_in_1"
+                        tabindex="-1"
+                      >
+                        Sign in
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.favoriteSport"
-                    >
-                      Favorite sport
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.favoriteSport"
-                        id="userProfile.favoriteSport"
-                        name="userProfile.favoriteSport"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.favoriteSport"
+                      >
+                        Favorite sport
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.favoriteSport"
+                          id="userProfile.favoriteSport"
+                          name="userProfile.favoriteSport"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
-                      data-shrink="false"
-                      for="userProfile.newAttribute"
-                    >
-                      Custom attribute
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-23"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-24"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input emotion-25"
-                        data-se="userProfile.newAttribute"
-                        id="userProfile.newAttribute"
-                        name="userProfile.newAttribute"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-23"
+                        data-shrink="false"
+                        for="userProfile.newAttribute"
+                      >
+                        Custom attribute
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-24"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-25"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          class="MuiInputBase-input emotion-26"
+                          data-se="userProfile.newAttribute"
+                          id="userProfile.newAttribute"
+                          name="userProfile.newAttribute"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Submit
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Submit
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/enroll-profile-with-password.test.tsx.snap b/src/v3/test/integration/__snapshots__/enroll-profile-with-password.test.tsx.snap
index abcb32afa5..6150f0e8ce 100644
--- a/src/v3/test/integration/__snapshots__/enroll-profile-with-password.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/enroll-profile-with-password.test.tsx.snap
@@ -2,1200 +2,1208 @@
 
 exports[`enroll-profile-with-password should display field level error when password does not fulfill requirements 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <figure
-                    class="MuiBox-root emotion-21"
-                    data-se="password-authenticator--rules"
-                    id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
+                    <figure
+                      class="MuiBox-root emotion-22"
+                      data-se="password-authenticator--rules"
+                      id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
                     >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-23"
-                      id="password-authenticator--list"
-                    >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-24"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              No parts of your username
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" credentials.passcode-error enroll-profile_PasswordRequirements_NON_NULL_VALUE_3 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-78"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-59"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-79"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-describedby=" credentials.passcode-error enroll-profile_PasswordRequirements_NON_NULL_VALUE_3 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-60"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-79"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-80"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-82"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        <div
-                          class="MuiBox-root emotion-83"
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-83"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
                         >
-                          <p
-                            class="MuiTypography-root MuiTypography-body1 emotion-84"
-                          >
-                            Password requirements were not met:
-                          </p>
-                          <ul
-                            class="MuiList-root MuiList-dense emotion-85"
+                          <div
+                            class="MuiBox-root emotion-84"
                           >
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-86"
+                            <p
+                              class="MuiTypography-root MuiTypography-body1 emotion-85"
                             >
-                              At least 8 characters
-                            </li>
-                            <li
-                              class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-86"
+                              Password requirements were not met:
+                            </p>
+                            <ul
+                              class="MuiList-root MuiList-dense emotion-86"
                             >
-                              An uppercase letter
-                            </li>
-                          </ul>
-                        </div>
-                      </p>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-87"
+                              >
+                                At least 8 characters
+                              </li>
+                              <li
+                                class="MuiListItem-root MuiListItem-dense MuiListItem-gutters emotion-87"
+                              >
+                                An uppercase letter
+                              </li>
+                            </ul>
+                          </div>
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-89"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-91"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-92"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-90"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-92"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-93"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-94"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-93"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-97"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-94"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-98"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should display field level error when password field is required but is not filled 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <figure
-                    class="MuiBox-root emotion-21"
-                    data-se="password-authenticator--rules"
-                    id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-23"
-                      id="password-authenticator--list"
+                    <figure
+                      class="MuiBox-root emotion-22"
+                      data-se="password-authenticator--rules"
+                      id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-24"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-24"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-25"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-26"
+                            class="MuiBox-root emotion-26"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-27"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-29"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              No parts of your username
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-30"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-58"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-59"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-59"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-60"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-56"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-57"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-58"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" credentials.passcode-error enroll-profile_PasswordRequirements_NON_NULL_VALUE_3 "
-                        aria-invalid="true"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-59"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-57"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-58"
+                        >
+                          *
+                        </span>
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-78"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-59"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-79"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-describedby=" credentials.passcode-error enroll-profile_PasswordRequirements_NON_NULL_VALUE_3 "
+                          aria-invalid="true"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-60"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-79"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-80"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-82"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        This field cannot be left blank
-                      </p>
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-83"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-84"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-86"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-87"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-85"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-87"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-88"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-89"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-88"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-92"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-89"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-93"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`enroll-profile-with-password should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -1203,483 +1211,487 @@ exports[`enroll-profile-with-password should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign up
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="enroll-profile_Title_Sign_up_NON_NULL_VALUE_1"
+                        tabindex="-1"
+                      >
+                        Sign up
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                      data-se="o-form-explain"
-                      id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Fields are required unless marked optional.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                        data-se="o-form-explain"
+                        id="enroll-profile_Description_Fields_are_required_unless_marked_optional_NON_NULL_VALUE_2"
+                      >
+                        Fields are required unless marked optional.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <figure
-                    class="MuiBox-root emotion-16"
-                    data-se="password-authenticator--rules"
-                    id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <figcaption
-                      class="password-authenticator--heading MuiBox-root emotion-0"
-                    >
-                      Password requirements:
-                    </figcaption>
-                    <ul
-                      class="MuiBox-root emotion-18"
-                      id="password-authenticator--list"
+                    <figure
+                      class="MuiBox-root emotion-17"
+                      data-se="password-authenticator--rules"
+                      id="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
                     >
-                      <li
+                      <figcaption
+                        class="password-authenticator--heading MuiBox-root emotion-1"
+                      >
+                        Password requirements:
+                      </figcaption>
+                      <ul
                         class="MuiBox-root emotion-19"
+                        id="password-authenticator--list"
                       >
-                        <div
+                        <li
                           class="MuiBox-root emotion-20"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-21"
+                            class="MuiBox-root emotion-21"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-22"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-22"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-24"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-23"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              At least 8 characters
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-25"
+                              >
+                                At least 8 characters
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-19"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-20"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-21"
+                            class="MuiBox-root emotion-21"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-22"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-22"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-24"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-23"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A lowercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-25"
+                              >
+                                A lowercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-19"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-20"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-21"
+                            class="MuiBox-root emotion-21"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-22"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-22"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-24"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-23"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              An uppercase letter
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-25"
+                              >
+                                An uppercase letter
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-19"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-20"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-21"
+                            class="MuiBox-root emotion-21"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-22"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-22"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-24"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-23"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              A number
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-25"
+                              >
+                                A number
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiBox-root emotion-19"
-                      >
-                        <div
+                        </li>
+                        <li
                           class="MuiBox-root emotion-20"
                         >
                           <div
-                            aria-hidden="true"
-                            class="passwordRequirementIcon MuiBox-root emotion-21"
+                            class="MuiBox-root emotion-21"
                           >
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-22"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="passwordRequirementIcon MuiBox-root emotion-22"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
-                                info
-                              </title>
-                            </svg>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-24"
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-colorInfo MuiSvgIcon-fontSizeInherit emotion-23"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 5.5C8.14834 5.5 8.29334 5.45601 8.41668 5.3736C8.54001 5.29119 8.63614 5.17406 8.69291 5.03701C8.74968 4.89997 8.76453 4.74917 8.73559 4.60368C8.70665 4.4582 8.63522 4.32456 8.53033 4.21967C8.42544 4.11478 8.2918 4.04335 8.14632 4.01441C8.00083 3.98547 7.85003 4.00033 7.71299 4.05709C7.57594 4.11386 7.45881 4.20999 7.3764 4.33332C7.29399 4.45666 7.25 4.60166 7.25 4.75C7.25 4.94891 7.32902 5.13968 7.46967 5.28033C7.61032 5.42098 7.80109 5.5 8 5.5ZM8.5 7.5C8.5 7.22386 8.27614 7 8 7C7.72386 7 7.5 7.22386 7.5 7.5V12H8.5V7.5Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  info
+                                </title>
+                              </svg>
+                            </div>
+                            <div
+                              class="MuiBox-root emotion-1"
                             >
-                              No parts of your username
-                            </p>
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-25"
+                              >
+                                No parts of your username
+                              </p>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                    </ul>
-                  </figure>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
+                        </li>
+                      </ul>
+                    </figure>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-51"
-                      data-shrink="false"
-                      for="userProfile.email"
-                    >
-                      Email
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-52"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-53"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-54"
-                        data-se="userProfile.email"
-                        id="userProfile.email"
-                        inputmode="email"
-                        name="userProfile.email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-52"
+                        data-shrink="false"
+                        for="userProfile.email"
+                      >
+                        Email
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-53"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-54"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-55"
+                          data-se="userProfile.email"
+                          id="userProfile.email"
+                          inputmode="email"
+                          name="userProfile.email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-51"
-                      data-shrink="false"
-                      for="userProfile.firstName"
-                    >
-                      First name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-52"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-53"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="given-name"
-                        class="MuiInputBase-input emotion-54"
-                        data-se="userProfile.firstName"
-                        id="userProfile.firstName"
-                        name="userProfile.firstName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-52"
+                        data-shrink="false"
+                        for="userProfile.firstName"
+                      >
+                        First name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-53"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-54"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="given-name"
+                          class="MuiInputBase-input emotion-55"
+                          data-se="userProfile.firstName"
+                          id="userProfile.firstName"
+                          name="userProfile.firstName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-51"
-                      data-shrink="false"
-                      for="userProfile.lastName"
-                    >
-                      Last name
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-52"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-53"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="family-name"
-                        class="MuiInputBase-input emotion-54"
-                        data-se="userProfile.lastName"
-                        id="userProfile.lastName"
-                        name="userProfile.lastName"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-52"
+                        data-shrink="false"
+                        for="userProfile.lastName"
+                      >
+                        Last name
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-53"
+                        >
+                          *
+                        </span>
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-54"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="family-name"
+                          class="MuiInputBase-input emotion-55"
+                          data-se="userProfile.lastName"
+                          id="userProfile.lastName"
+                          name="userProfile.lastName"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-51"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                      <span
-                        aria-hidden="true"
-                        class="no-translate MuiBox-root emotion-52"
-                      >
-                        *
-                      </span>
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-53"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
-                        aria-invalid="false"
-                        autocomplete="new-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-54"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-52"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                        <span
+                          aria-hidden="true"
+                          class="no-translate MuiBox-root emotion-53"
+                        >
+                          *
+                        </span>
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-73"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-54"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-74"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-describedby="enroll-profile_PasswordRequirements_NON_NULL_VALUE_3"
+                          aria-invalid="false"
+                          autocomplete="new-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-55"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-74"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-75"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-75"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-76"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-77"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign Up
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-79"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-80"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-78"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign Up
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-80"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-81"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-82"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-14"
-                        data-se="haveaccount"
-                        id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Already have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
+                          data-se="haveaccount"
+                          id="enroll-profile_Description_Already_have_an_account_NON_NULL_VALUE_11"
+                        >
+                          Already have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-81"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-85"
-                      data-se="back"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-82"
                     >
-                      Sign In
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-86"
+                        data-se="back"
+                        role="link"
+                        type="button"
+                      >
+                        Sign In
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-400-unauthorized-client.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-400-unauthorized-client.test.tsx.snap
index 85f5d37df7..48f00444ed 100644
--- a/src/v3/test/integration/__snapshots__/error-400-unauthorized-client.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-400-unauthorized-client.test.tsx.snap
@@ -2,86 +2,90 @@
 
 exports[`error-400-unauthorized-client should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        Something went wrong. Potential misconfiguration detected. Please contact support.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          Something went wrong. Potential misconfiguration detected. Please contact support.
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-account-creation.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-account-creation.test.tsx.snap
index e2872a3c19..73aa529d22 100644
--- a/src/v3/test/integration/__snapshots__/error-account-creation.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-account-creation.test.tsx.snap
@@ -2,98 +2,102 @@
 
 exports[`error-account-creation should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        There was an error creating your account. Please try registering again.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          There was an error creating your account. Please try registering again.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-16"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-17"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-authenticator-enrollment-not-allowed.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-authenticator-enrollment-not-allowed.test.tsx.snap
index c374604d8a..e7f4746c39 100644
--- a/src/v3/test/integration/__snapshots__/error-authenticator-enrollment-not-allowed.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-authenticator-enrollment-not-allowed.test.tsx.snap
@@ -2,135 +2,139 @@
 
 exports[`error-authenticator-enrollment-not-allowed should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-16"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-16"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-17"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-17"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-18"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-19"
-                      >
-                        Authenticator enrollment is not allowed at this time. Please contact support for assistance.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-20"
+                        >
+                          Authenticator enrollment is not allowed at this time. Please contact support for assistance.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-21"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-22"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-feature-not-enabled.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-feature-not-enabled.test.tsx.snap
index 48dcdbd248..7e1b0805b3 100644
--- a/src/v3/test/integration/__snapshots__/error-feature-not-enabled.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-feature-not-enabled.test.tsx.snap
@@ -2,86 +2,90 @@
 
 exports[`error-feature-not-enabled should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        The requested feature is not enabled in this environment.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          The requested feature is not enabled in this environment.
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-recovery-token-invalid.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-recovery-token-invalid.test.tsx.snap
index 74f788ce64..4b035ce7b5 100644
--- a/src/v3/test/integration/__snapshots__/error-recovery-token-invalid.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-recovery-token-invalid.test.tsx.snap
@@ -2,86 +2,90 @@
 
 exports[`error-recovery-token-invalid should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        The recovery token is invalid.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          The recovery token is invalid.
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/error-session-expired.test.tsx.snap b/src/v3/test/integration/__snapshots__/error-session-expired.test.tsx.snap
index 94e2d881e1..0d26921f45 100644
--- a/src/v3/test/integration/__snapshots__/error-session-expired.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/error-session-expired.test.tsx.snap
@@ -2,98 +2,102 @@
 
 exports[`error-session-expired should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
                 >
                   <div
                     class="MuiBox-root emotion-10"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-11"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-11"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-12"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-13"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-13"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-14"
-                      >
-                        You have been logged out due to inactivity. Refresh or return to the sign in screen.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-15"
+                        >
+                          You have been logged out due to inactivity. Refresh or return to the sign in screen.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-16"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-17"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/flow-unlock-account-email-polling-to-mfa-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/flow-unlock-account-email-polling-to-mfa-authenticator.test.tsx.snap
index b0b8cc1e96..b6aa304c21 100644
--- a/src/v3/test/integration/__snapshots__/flow-unlock-account-email-polling-to-mfa-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/flow-unlock-account-email-polling-to-mfa-authenticator.test.tsx.snap
@@ -2,135 +2,135 @@
 
 exports[`flow-unlock-account-email-polling-to-mfa-challenge-authenticator should poll for Magic link email consent and advance to webauthn challenge once consent is provided 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -138,167 +138,171 @@ exports[`flow-unlock-account-email-polling-to-mfa-challenge-authenticator should
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Verify with Security Key or Biometric Authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="challenge-authenticator_Title_Verify_with_Security_Key_or_Biometric_Authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Verify with Security Key or Biometric Authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
-                    data-se="message"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-20"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-20"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-21"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-21"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-22"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-22"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-23"
-                      >
-                        Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-23"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-24"
+                        >
+                          Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-25"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      aria-controls="cant-verify-content"
-                      aria-expanded="false"
-                      class="MuiButtonBase-root MuiAccordionSummary-root emotion-26"
-                      id="cant-verify-header"
-                      role="button"
-                      tabindex="0"
+                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAccordion-root MuiAccordion-rounded emotion-26"
                     >
                       <div
-                        class="MuiAccordionSummary-content emotion-27"
+                        aria-controls="cant-verify-content"
+                        aria-expanded="false"
+                        class="MuiButtonBase-root MuiAccordionSummary-root emotion-27"
+                        id="cant-verify-header"
+                        role="button"
+                        tabindex="0"
                       >
-                        <p
-                          class="MuiTypography-root MuiTypography-body1 emotion-28"
+                        <div
+                          class="MuiAccordionSummary-content emotion-28"
                         >
-                          Can't verify?
-                        </p>
+                          <p
+                            class="MuiTypography-root MuiTypography-body1 emotion-29"
+                          >
+                            Can't verify?
+                          </p>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-29"
-                      style="min-height: 0px;"
-                    >
                       <div
-                        class="MuiCollapse-wrapper MuiCollapse-vertical emotion-30"
+                        class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-hidden emotion-30"
+                        style="min-height: 0px;"
                       >
                         <div
-                          class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-31"
+                          class="MuiCollapse-wrapper MuiCollapse-vertical emotion-31"
                         >
                           <div
-                            aria-labelledby="cant-verify-header"
-                            class="MuiAccordion-region"
-                            id="cant-verify-content"
-                            role="region"
+                            class="MuiCollapse-wrapperInner MuiCollapse-vertical emotion-32"
                           >
                             <div
-                              class="MuiAccordionDetails-root emotion-32"
+                              aria-labelledby="cant-verify-header"
+                              class="MuiAccordion-region"
+                              id="cant-verify-content"
+                              role="region"
                             >
                               <div
-                                class="MuiBox-root emotion-14"
+                                class="MuiAccordionDetails-root emotion-33"
                               >
                                 <div
-                                  class="MuiBox-root emotion-0"
+                                  class="MuiBox-root emotion-15"
                                 >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a biometric authenticator?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a biometric authenticator?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        Biometric authenticators (fingerprint, face recognition, PIN) will only work on the same device on which they were set up.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If available, set up another security method on the device you used to set up your biometric authenticator.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        If available, set up another security method on the device you used to set up your biometric authenticator.
+                                      </p>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-0"
-                                >
                                   <div
-                                    class="MuiBox-root emotion-16"
+                                    class="MuiBox-root emotion-1"
                                   >
-                                    <h3
-                                      class="MuiTypography-root MuiTypography-h6 emotion-36"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      Are you trying to use a security key?
-                                    </h3>
+                                      <h3
+                                        class="MuiTypography-root MuiTypography-h6 emotion-37"
+                                      >
+                                        Are you trying to use a security key?
+                                      </h3>
+                                    </div>
                                   </div>
-                                </div>
-                                <div
-                                  class="MuiBox-root emotion-15"
-                                >
                                   <div
                                     class="MuiBox-root emotion-16"
                                   >
-                                    <p
-                                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-39"
-                                      data-se="o-form-explain"
+                                    <div
+                                      class="MuiBox-root emotion-17"
                                     >
-                                      If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
-                                    </p>
+                                      <p
+                                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-40"
+                                        data-se="o-form-explain"
+                                      >
+                                        If you have set up a security key, insert it in a USB port when prompted by the browser and tap on the button or gold disk. Security keys can work on multiple devices.
+                                      </p>
+                                    </div>
                                   </div>
                                 </div>
                               </div>
@@ -308,37 +312,37 @@ exports[`flow-unlock-account-email-polling-to-mfa-challenge-authenticator should
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button Mui-focusVisible emotion-50"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-50"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button Mui-focusVisible emotion-51"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Verify with something else
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-51"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/flow-verify-with-piv-as-authenticator.test.tsx.snap b/src/v3/test/integration/__snapshots__/flow-verify-with-piv-as-authenticator.test.tsx.snap
index 1e1bad26a2..d3c67c7889 100644
--- a/src/v3/test/integration/__snapshots__/flow-verify-with-piv-as-authenticator.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/flow-verify-with-piv-as-authenticator.test.tsx.snap
@@ -2,119 +2,119 @@
 
 exports[`flow-verify-with-piv-as-authenticator should render select authenticator page with PIV as authenticator and clicking it will render PIV verify view 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="smart-card-icon MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="smart-card-icon"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="smart-card-icon MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="smart-card-icon"
+                <svg
+                  aria-labelledby="smart-card-icon"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  PIV Card
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  clip-rule="evenodd"
-                  d="M17.5 37h13a2.6 2.6 0 0 0 2.5-2.682V14.682A2.6 2.6 0 0 0 30.5 12h-13a2.6 2.6 0 0 0-2.5 2.682v19.636A2.6 2.6 0 0 0 17.5 37Zm-1.096-23.468A1.6 1.6 0 0 1 17.5 13h13a1.6 1.6 0 0 1 1.5 1.682v19.636A1.6 1.6 0 0 1 30.5 36h-13a1.6 1.6 0 0 1-1.5-1.682V14.682a1.6 1.6 0 0 1 .404-1.15ZM23 28h-1v1h1v-1Zm-3 0h1v1h-1v-1Zm0 5v-3h3v1h-2v2h-1Zm2-1h1v1h-1v-1Zm-2-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-3Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillSecondary"
-                  clip-rule="evenodd"
-                  d="M28 17h-4v1h4v-1Zm2 2h-6v1h6v-1Zm-6 2h6v1h-6v-1Z"
-                  fill="#A7B5EC"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="smart-card-icon"
+                  >
+                    PIV Card
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    clip-rule="evenodd"
+                    d="M17.5 37h13a2.6 2.6 0 0 0 2.5-2.682V14.682A2.6 2.6 0 0 0 30.5 12h-13a2.6 2.6 0 0 0-2.5 2.682v19.636A2.6 2.6 0 0 0 17.5 37Zm-1.096-23.468A1.6 1.6 0 0 1 17.5 13h13a1.6 1.6 0 0 1 1.5 1.682v19.636A1.6 1.6 0 0 1 30.5 36h-13a1.6 1.6 0 0 1-1.5-1.682V14.682a1.6 1.6 0 0 1 .404-1.15ZM23 28h-1v1h1v-1Zm-3 0h1v1h-1v-1Zm0 5v-3h3v1h-2v2h-1Zm2-1h1v1h-1v-1Zm-2-5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-3Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    clip-rule="evenodd"
+                    d="M28 17h-4v1h4v-1Zm2 2h-6v1h6v-1Zm-6 2h6v1h-6v-1Z"
+                    fill="#A7B5EC"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="32011152472674@upn.example.com"
-                >
-                  32011152472674@upn.example.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="32011152472674@upn.example.com"
+                  >
+                    32011152472674@upn.example.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -122,77 +122,81 @@ exports[`flow-verify-with-piv-as-authenticator should render select authenticato
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="piv-idp_Title_PIV_/_CAC_card_smart_card_idp_aut7rcjloeQUmFInC1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      PIV / CAC card
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="piv-idp_Title_PIV_/_CAC_card_smart_card_idp_aut7rcjloeQUmFInC1d7_1"
+                        tabindex="-1"
+                      >
+                        PIV / CAC card
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="piv-idp_Description_Please_insert_your_PIV_/_CAC_card_and_select_the_user_certificate_smart_card_idp_aut7rcjloeQUmFInC1d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Please insert your PIV / CAC card and select the user certificate.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="piv-idp_Description_Please_insert_your_PIV_/_CAC_card_and_select_the_user_certificate_smart_card_idp_aut7rcjloeQUmFInC1d7_2"
+                      >
+                        Please insert your PIV / CAC card and select the user certificate.
+                      </p>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
+                        data-se="button"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Retry
+                      </button>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
-                      data-se="button"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Retry
+                      Verify with something else
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Verify with something else
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/granular-consent-without-logo.test.tsx.snap b/src/v3/test/integration/__snapshots__/granular-consent-without-logo.test.tsx.snap
index 7d823d4836..21b5b6e90c 100644
--- a/src/v3/test/integration/__snapshots__/granular-consent-without-logo.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/granular-consent-without-logo.test.tsx.snap
@@ -2,462 +2,466 @@
 
 exports[`granular-consent-without-logo should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
               />
-              <div
-                class="title-text MuiBox-root emotion-9"
-              >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-10"
-                >
-                  Native client
-                </h2>
-                 
-                <p>
-                  wants to access
-                </p>
-              </div>
             </div>
             <div
-              class="identifier-container MuiBox-root emotion-11"
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-12"
+                class="MuiBox-root emotion-1"
               >
-                <span
-                  class="MuiBox-root emotion-13"
+                <div
+                  class="MuiBox-root emotion-9"
+                />
+                <div
+                  class="title-text MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-15"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    Native client
+                  </h2>
+                   
+                  <p>
+                    wants to access
+                  </p>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-16"
-              data-se="o-form"
-              novalidate=""
-            >
               <div
-                class="MuiBox-root emotion-17"
+                class="identifier-container MuiBox-root emotion-12"
               >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-13"
                 >
-                  <div
-                    class="MuiBox-root emotion-19"
+                  <span
+                    class="MuiBox-root emotion-14"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="consent-description"
-                      id="granular-consent_Description_Allowing_access_will_share_1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-15"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Allowing access will share
-                    </p>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-16"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-17"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
-                  class="MuiBox-root emotion-21"
+                  class="MuiBox-root emotion-18"
                 >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <div
+                      class="MuiBox-root emotion-20"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="consent-description"
+                        id="granular-consent_Description_Allowing_access_will_share_1"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.custom1"
-                          data-se-for-name="optedScopes.custom1"
-                          id="optedScopes.custom1"
-                          name="optedScopes.custom1"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-27"
+                        Allowing access will share
+                      </p>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
                         >
-                          View your mobile phone data plan.
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.custom1"
+                            data-se-for-name="optedScopes.custom1"
+                            id="optedScopes.custom1"
+                            name="optedScopes.custom1"
+                            type="checkbox"
+                          />
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-29"
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
                         >
-                          This allows the app to view your mobile phone data plan.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            View your mobile phone data plan.
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-30"
+                          >
+                            This allows the app to view your mobile phone data plan.
+                          </p>
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.custom2"
-                          data-se-for-name="optedScopes.custom2"
-                          id="optedScopes.custom2"
-                          name="optedScopes.custom2"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.custom2"
+                            data-se-for-name="optedScopes.custom2"
+                            id="optedScopes.custom2"
+                            name="optedScopes.custom2"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-27"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
                         >
-                          View your internet search history.
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            View your internet search history.
+                          </span>
                         </span>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.custom3.custom4.custom5"
-                          data-se-for-name="optedScopes.custom3.custom4.custom5"
-                          id="optedScopes.custom3.custom4.custom5"
-                          name="optedScopes.custom3.custom4.custom5"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.custom3.custom4.custom5"
+                            data-se-for-name="optedScopes.custom3.custom4.custom5"
+                            id="optedScopes.custom3.custom4.custom5"
+                            name="optedScopes.custom3.custom4.custom5"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-27"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
                         >
-                          View your mobile phone call history.
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            View your mobile phone call history.
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-30"
+                          >
+                            This allows the app to view your mobile phone call history.
+                          </p>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-29"
-                        >
-                          This allows the app to view your mobile phone call history.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.email"
-                          data-se-for-name="optedScopes.email"
-                          id="optedScopes.email"
-                          name="optedScopes.email"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.email"
+                            data-se-for-name="optedScopes.email"
+                            id="optedScopes.email"
+                            name="optedScopes.email"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-27"
-                      >
-                        View your email address.
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-29"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-28"
                         >
-                          This allows the app to view your email address.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                          View your email address.
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-30"
+                          >
+                            This allows the app to view your email address.
+                          </p>
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
-                        tabindex="-1"
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.openid"
-                          data-se-for-name="optedScopes.openid"
-                          disabled=""
-                          id="optedScopes.openid"
-                          name="optedScopes.openid"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
+                          tabindex="-1"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.openid"
+                            data-se-for-name="optedScopes.openid"
+                            disabled=""
+                            id="optedScopes.openid"
+                            name="optedScopes.openid"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-27"
-                      >
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
                         <span
-                          class="no-translate MuiBox-root emotion-0"
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
                         >
-                          openid
+                          <span
+                            class="no-translate MuiBox-root emotion-1"
+                          >
+                            openid
+                          </span>
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-30"
+                          >
+                            Signals that a request is an OpenID request.
+                          </p>
                         </span>
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium no-translate emotion-29"
-                        >
-                          Signals that a request is an OpenID request.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-22"
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    <label
-                      class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-23"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-23"
                     >
-                      <span
-                        aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-24"
-                        tabindex="-1"
+                      <label
+                        class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd emotion-24"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-25"
-                          data-indeterminate="false"
-                          data-se="optedScopes.profile"
-                          data-se-for-name="optedScopes.profile"
-                          disabled=""
-                          id="optedScopes.profile"
-                          name="optedScopes.profile"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-26"
-                          data-testid="CheckBoxIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          aria-disabled="true"
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary emotion-25"
+                          tabindex="-1"
                         >
-                          <path
-                            d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-26"
+                            data-indeterminate="false"
+                            data-se="optedScopes.profile"
+                            data-se-for-name="optedScopes.profile"
+                            disabled=""
+                            id="optedScopes.profile"
+                            name="optedScopes.profile"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-27"
-                      >
-                        View your profile information.
-                        <p
-                          class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-29"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-27"
+                            data-testid="CheckBoxIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled emotion-28"
                         >
-                          The exact data varies based on what profile information you have provided, such as: name, time zone, picture, or birthday.
-                        </p>
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-73"
-                    data-se="terms-of-service"
-                    href="https://example.com/tos"
-                    rel="noopener noreferrer"
-                    target="_blank"
+                          View your profile information.
+                          <p
+                            class="MuiFormHelperText-root MuiFormHelperText-sizeMedium emotion-30"
+                          >
+                            The exact data varies based on what profile information you have provided, such as: name, time zone, picture, or birthday.
+                          </p>
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Terms of Service
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-73"
-                    data-se="privacy-policy"
-                    href="https://example.com/privacypolicy"
-                    rel="noopener noreferrer"
-                    target="_blank"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-74"
+                      data-se="terms-of-service"
+                      href="https://example.com/tos"
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      Terms of Service
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Privacy Policy
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-77"
-                    data-type="save"
-                    tabindex="0"
-                    type="button"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-74"
+                      data-se="privacy-policy"
+                      href="https://example.com/privacypolicy"
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      Privacy Policy
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Allow Access
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-21"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-77"
-                    data-type="cancel"
-                    tabindex="0"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-78"
+                      data-type="save"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Allow Access
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-22"
                   >
-                    Cancel
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-78"
+                      data-type="cancel"
+                      tabindex="0"
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/granular-consent.test.tsx.snap b/src/v3/test/integration/__snapshots__/granular-consent.test.tsx.snap
index 1ca86e8df3..b02a5606d4 100644
--- a/src/v3/test/integration/__snapshots__/granular-consent.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/granular-consent.test.tsx.snap
@@ -2,138 +2,142 @@
 
 exports[`granular-consent should render form with logo 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="MuiBox-root emotion-0"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="MuiBox-root emotion-1"
               >
                 <div
-                  class="MuiBox-root emotion-0"
+                  class="MuiBox-root emotion-9"
                 >
-                  <a
-                    aria-label="Logo for the app"
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-10"
-                    href="https://client._funky-ch4rs.com"
-                    rel="noopener noreferrer"
-                    target="_blank"
+                  <div
+                    class="MuiBox-root emotion-1"
                   >
-                    <img
-                      alt="Logo for the app"
-                      aria-hidden="true"
-                      class="client-logo custom-logo MuiBox-root emotion-11"
-                      src="http://okta1.com/logo.png"
-                    />
-                  </a>
+                    <a
+                      aria-label="Logo for the app"
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-11"
+                      href="https://client._funky-ch4rs.com"
+                      rel="noopener noreferrer"
+                      target="_blank"
+                    >
+                      <img
+                        alt="Logo for the app"
+                        aria-hidden="true"
+                        class="client-logo custom-logo MuiBox-root emotion-12"
+                        src="http://okta1.com/logo.png"
+                      />
+                    </a>
+                  </div>
+                </div>
+                <div
+                  class="title-text MuiBox-root emotion-13"
+                >
+                  <h2
+                    class="MuiTypography-root MuiTypography-h6 no-translate emotion-14"
+                  >
+                    Native client
+                  </h2>
+                   
+                  <p>
+                    wants to access
+                  </p>
                 </div>
               </div>
               <div
-                class="title-text MuiBox-root emotion-12"
+                class="identifier-container MuiBox-root emotion-15"
               >
-                <h2
-                  class="MuiTypography-root MuiTypography-h6 no-translate emotion-13"
+                <div
+                  class="MuiBox-root emotion-16"
                 >
-                  Native client
-                </h2>
-                 
-                <p>
-                  wants to access
-                </p>
+                  <span
+                    class="MuiBox-root emotion-17"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-18"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-19"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <div
-              class="identifier-container MuiBox-root emotion-14"
-            >
               <div
-                class="MuiBox-root emotion-15"
+                class="MuiBox-root emotion-20"
               >
                 <span
-                  class="MuiBox-root emotion-16"
+                  aria-label="Processing..."
+                  aria-valuetext="Processing..."
+                  class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-21"
+                  role="progressbar"
+                  style="width: 1.14285714rem; height: 1.14285714rem;"
                 >
                   <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-17"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                    class="MuiCircularProgress-svg emotion-22"
+                    viewBox="22 22 44 44"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
+                    <circle
+                      class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-23"
+                      cx="44"
+                      cy="44"
+                      fill="none"
+                      r="18"
+                      stroke-width="8"
                     />
-                    <title>
-                      User
-                    </title>
                   </svg>
                 </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-18"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
               </div>
             </div>
-            <div
-              class="MuiBox-root emotion-19"
-            >
-              <span
-                aria-label="Processing..."
-                aria-valuetext="Processing..."
-                class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-20"
-                role="progressbar"
-                style="width: 1.14285714rem; height: 1.14285714rem;"
-              >
-                <svg
-                  class="MuiCircularProgress-svg emotion-21"
-                  viewBox="22 22 44 44"
-                >
-                  <circle
-                    class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-22"
-                    cx="44"
-                    cy="44"
-                    fill="none"
-                    r="18"
-                    stroke-width="8"
-                  />
-                </svg>
-              </span>
-            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/identify-recovery.test.tsx.snap b/src/v3/test/integration/__snapshots__/identify-recovery.test.tsx.snap
index edd57d2946..e82611b9fe 100644
--- a/src/v3/test/integration/__snapshots__/identify-recovery.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/identify-recovery.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`identify-recovery renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,77 +43,81 @@ exports[`identify-recovery renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify-recovery_Title_Reset_your_password_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Reset your password
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify-recovery_Title_Reset_your_password_1"
+                        tabindex="-1"
+                      >
+                        Reset your password
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Email or Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Email or Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-18"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Next
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-20"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-19"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Next
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-21"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/identify-with-password.test.tsx.snap b/src/v3/test/integration/__snapshots__/identify-with-password.test.tsx.snap
index a0eb6031c5..93be96e829 100644
--- a/src/v3/test/integration/__snapshots__/identify-with-password.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/identify-with-password.test.tsx.snap
@@ -2,1021 +2,1033 @@
 
 exports[`identify-with-password Client-side field change validation tests fails client side validation with no inputs 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-20"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" identifier-error  "
-                        aria-invalid="true"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-21"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-21"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" identifier-error  "
+                          aria-invalid="true"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-22"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="identifier-error"
+                          id="identifier-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="identifier-error"
-                        id="identifier-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="credentials.passcode"
                       >
-                        This field cannot be left blank
-                      </p>
+                        Password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-21"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" credentials.passcode-error  "
+                          aria-invalid="true"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-22"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="credentials.passcode"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-36"
                     >
-                      Password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-20"
-                      dir="ltr"
-                      required="true"
-                    >
-                      <input
-                        aria-describedby=" credentials.passcode-error  "
-                        aria-invalid="true"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-21"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-37"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-38"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-39"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-40"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-41"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-35"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-36"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-43"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-37"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-38"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-39"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-40"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`identify-with-password Client-side field change validation tests should attempt to submit page with all required fields empty 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-20"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" identifier-error  "
-                        aria-invalid="true"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-21"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-21"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" identifier-error  "
+                          aria-invalid="true"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-22"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="identifier-error"
+                          id="identifier-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="identifier-error"
-                        id="identifier-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-21"
+                        dir="ltr"
+                        required="true"
                       >
-                        This field cannot be left blank
-                      </p>
+                        <input
+                          aria-describedby=" credentials.passcode-error  "
+                          aria-invalid="true"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-22"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
-                    <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-20"
-                      dir="ltr"
-                      required="true"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-36"
                     >
-                      <input
-                        aria-describedby=" credentials.passcode-error  "
-                        aria-invalid="true"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-21"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
-                      <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-37"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-38"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-39"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-40"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
-                      >
-                        This field cannot be left blank
-                      </p>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-41"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-35"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-36"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-43"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-37"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-38"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-39"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-40"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`identify-with-password Client-side field change validation tests should attempt to submit page with all required fields empty and type in one of the required fields to remove error 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-9"
-                  role="alert"
+                  class="MuiBox-root emotion-9"
                 >
                   <div
-                    class="MuiAlert-icon emotion-10"
+                    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox emotion-10"
+                    role="alert"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                      fill="none"
-                      focusable="false"
-                      viewBox="0 0 16 16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <div
+                      class="MuiAlert-icon emotion-11"
                     >
-                      <path
-                        clip-rule="evenodd"
-                        d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                        fill="currentColor"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div
-                    class="MuiAlert-message emotion-12"
-                  >
-                    We found some errors. Please review the form and make corrections.
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                        fill="none"
+                        focusable="false"
+                        viewBox="0 0 16 16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          clip-rule="evenodd"
+                          d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                          fill="currentColor"
+                          fill-rule="evenodd"
+                        />
+                      </svg>
+                    </div>
+                    <div
+                      class="MuiAlert-message emotion-13"
+                    >
+                      We found some errors. Please review the form and make corrections.
+                    </div>
                   </div>
                 </div>
-              </div>
-              <div
-                class="MuiBox-root emotion-13"
-              >
                 <div
                   class="MuiBox-root emotion-14"
                 >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-20"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" identifier-error  "
-                        aria-invalid="true"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-21"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="identifier-error"
-                        id="identifier-error"
-                        role="alert"
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth Mui-focused emotion-21"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-describedby=" identifier-error  "
+                          aria-invalid="true"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-22"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        This field cannot be left blank
-                      </p>
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="identifier-error"
+                          id="identifier-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-19"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-20"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-describedby=" credentials.passcode-error  "
-                        aria-invalid="true"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-21"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-29"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary Mui-error MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-21"
+                        dir="ltr"
+                        required="true"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-30"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <input
+                          aria-describedby=" credentials.passcode-error  "
+                          aria-invalid="true"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-22"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-30"
                         >
-                          <svg
-                            aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                            fill="none"
-                            focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-31"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
                           >
-                            <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
-                            />
-                          </svg>
-                        </button>
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <p
-                        class="MuiFormHelperText-root Mui-error emotion-23"
-                        data-se="credentials.passcode-error"
-                        id="credentials.passcode-error"
-                        role="alert"
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        This field cannot be left blank
-                      </p>
+                        <p
+                          class="MuiFormHelperText-root Mui-error emotion-24"
+                          data-se="credentials.passcode-error"
+                          id="credentials.passcode-error"
+                          role="alert"
+                        >
+                          This field cannot be left blank
+                        </p>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-35"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-36"
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-36"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-37"
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-37"
                       >
-                        <input
-                          class="PrivateSwitchBase-input emotion-38"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-39"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-38"
                         >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                          <input
+                            class="PrivateSwitchBase-input emotion-39"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
                           />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-40"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-40"
+                            data-testid="CheckBoxOutlineBlankIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+                            />
+                          </svg>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-41"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-43"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-46"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-48"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-49"
-                >
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-47"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-15"
+                  >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-49"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-50"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-51"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-52"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                      <div
+                        class="MuiBox-root emotion-16"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-53"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-50"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-51"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`identify-with-password renders form with focus 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -1024,267 +1036,271 @@ exports[`identify-with-password renders form with focus 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-16"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-22"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-17"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-23"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-24"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-25"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-23"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-30"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-24"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-28"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-29"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-30"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-37"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-38"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-39"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-40"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-40"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-41"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-42"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-43"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-44"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-41"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-42"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`identify-with-password renders form without focus 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -1292,289 +1308,297 @@ exports[`identify-with-password renders form without focus 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Sign In
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="identify_Title_Sign_In_aut1egri5t7iomJ3l1d7_1"
+                        tabindex="-1"
+                      >
+                        Sign In
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="credentials.passcode"
-                    >
-                      Password
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="current-password"
-                        class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-16"
-                        data-se="credentials.passcode"
-                        id="credentials.passcode"
-                        name="credentials.passcode"
-                        required=""
-                        type="password"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="credentials.passcode"
+                      >
+                        Password
+                      </label>
                       <div
-                        class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-22"
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="current-password"
+                          class="MuiInputBase-input MuiInputBase-inputAdornedEnd emotion-17"
+                          data-se="credentials.passcode"
+                          id="credentials.passcode"
+                          name="credentials.passcode"
+                          required=""
+                          type="password"
+                        />
+                        <div
+                          class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined emotion-23"
+                        >
+                          <button
+                            aria-controls="credentials.passcode"
+                            aria-label="Show password"
+                            aria-pressed="false"
+                            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-24"
+                            data-mui-internal-clone-element="true"
+                            tabindex="0"
+                            type="button"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-25"
+                              fill="none"
+                              focusable="false"
+                              viewBox="0 0 16 16"
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                clip-rule="evenodd"
+                                d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
+                                fill="currentColor"
+                                fill-rule="evenodd"
+                              />
+                            </svg>
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
+                  >
+                    <fieldset
+                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-27"
+                    >
+                      <label
+                        class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-28"
                       >
-                        <button
-                          aria-controls="credentials.passcode"
-                          aria-label="Show password"
-                          aria-pressed="false"
-                          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium emotion-23"
-                          data-mui-internal-clone-element="true"
-                          tabindex="0"
-                          type="button"
+                        <span
+                          class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-29"
                         >
+                          <input
+                            class="PrivateSwitchBase-input emotion-30"
+                            data-indeterminate="false"
+                            data-se="rememberMe"
+                            data-se-for-name="rememberMe"
+                            id="rememberMe"
+                            name="rememberMe"
+                            type="checkbox"
+                          />
                           <svg
                             aria-hidden="true"
-                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-24"
-                            fill="none"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-31"
+                            data-testid="CheckBoxOutlineBlankIcon"
                             focusable="false"
-                            viewBox="0 0 16 16"
-                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
                           >
                             <path
-                              clip-rule="evenodd"
-                              d="M3.89765 11.5506C2.89626 10.6994 2.04176 9.50056 1.15617 8C2.04176 6.49944 2.89626 5.30062 3.89765 4.44944C4.96916 3.53865 6.24031 3 8 3C9.75969 3 11.0308 3.53865 12.1024 4.44944C13.1037 5.30062 13.9582 6.49944 14.8438 8C13.9582 9.50056 13.1037 10.6994 12.1024 11.5506C11.0308 12.4613 9.75969 13 8 13C6.24031 13 4.96916 12.4613 3.89765 11.5506ZM8 14C12 14 14 11.5 16 8C14 4.5 12 2 8 2C4 2 2 4.5 0 8C2 11.5 4 14 8 14ZM11 8C11 9.65685 9.65685 11 8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8ZM12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"
-                              fill="currentColor"
-                              fill-rule="evenodd"
+                              d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
                             />
                           </svg>
-                        </button>
-                      </div>
-                    </div>
+                        </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-32"
+                        >
+                          Keep me signed in
+                        </span>
+                      </label>
+                    </fieldset>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <fieldset
-                    class="MuiFormControl-root MuiFormControl-marginNormal emotion-26"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-27"
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
                     >
-                      <span
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary emotion-28"
-                      >
-                        <input
-                          class="PrivateSwitchBase-input emotion-29"
-                          data-indeterminate="false"
-                          data-se="rememberMe"
-                          data-se-for-name="rememberMe"
-                          id="rememberMe"
-                          name="rememberMe"
-                          type="checkbox"
-                        />
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-30"
-                          data-testid="CheckBoxOutlineBlankIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-                          />
-                        </svg>
-                      </span>
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-31"
-                      >
-                        Keep me signed in
-                      </span>
-                    </label>
-                  </fieldset>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                      Sign in
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Sign in
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                    data-se="forgot-password"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                      data-se="forgot-password"
+                      role="link"
+                      type="button"
+                    >
+                      Forgot password?
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Forgot password?
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <a
-                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-37"
-                    data-se="help"
-                    href="http://localhost:3000/help/login"
+                    <a
+                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways emotion-38"
+                      data-se="help"
+                      href="http://localhost:3000/help/login"
+                    >
+                      Help
+                    </a>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Help
-                  </a>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <hr
-                    class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-39"
-                  />
-                </div>
-                <div
-                  class="MuiBox-root emotion-40"
-                >
+                    <hr
+                      class="MuiDivider-root MuiDivider-fullWidth separation-line emotion-40"
+                    />
+                  </div>
                   <div
                     class="MuiBox-root emotion-41"
                   >
                     <div
-                      class="MuiBox-root emotion-10"
+                      class="MuiBox-root emotion-42"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-43"
-                        data-se="signup-info"
-                        id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                      <div
+                        class="MuiBox-root emotion-11"
                       >
-                        Don't have an account?
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-44"
+                          data-se="signup-info"
+                          id="identify_Description_Dont_have_an_account_aut1egri5t7iomJ3l1d7_10"
+                        >
+                          Don't have an account?
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-41"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-35"
-                      data-se="enroll"
-                      role="link"
-                      type="button"
+                    <div
+                      class="MuiBox-root emotion-42"
                     >
-                      Sign up
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-36"
+                        data-se="enroll"
+                        role="link"
+                        type="button"
+                      >
+                        Sign up
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`identify-with-password renders the loading state first 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
             <div
               class="MuiBox-root emotion-7"
             >
-              <span
-                aria-label="Processing..."
-                aria-valuetext="Processing..."
-                class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-8"
-                role="progressbar"
-                style="width: 1.14285714rem; height: 1.14285714rem;"
+              <div
+                class="MuiBox-root emotion-8"
               >
-                <svg
-                  class="MuiCircularProgress-svg emotion-9"
-                  viewBox="22 22 44 44"
+                <span
+                  aria-label="Processing..."
+                  aria-valuetext="Processing..."
+                  class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorPrimary emotion-9"
+                  role="progressbar"
+                  style="width: 1.14285714rem; height: 1.14285714rem;"
                 >
-                  <circle
-                    class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-10"
-                    cx="44"
-                    cy="44"
-                    fill="none"
-                    r="18"
-                    stroke-width="8"
-                  />
-                </svg>
-              </span>
+                  <svg
+                    class="MuiCircularProgress-svg emotion-10"
+                    viewBox="22 22 44 44"
+                  >
+                    <circle
+                      class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate emotion-11"
+                      cx="44"
+                      cy="44"
+                      fill="none"
+                      r="18"
+                      stroke-width="8"
+                    />
+                  </svg>
+                </span>
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/oda-enrollment-android-applink.test.tsx.snap b/src/v3/test/integration/__snapshots__/oda-enrollment-android-applink.test.tsx.snap
index 872d212e84..589b009495 100644
--- a/src/v3/test/integration/__snapshots__/oda-enrollment-android-applink.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/oda-enrollment-android-applink.test.tsx.snap
@@ -2,795 +2,807 @@
 
 exports[`oda-enrollment-android-applink should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-9"
+                  class="MuiBox-root emotion-10"
                 >
                   <div
-                    class="MuiBox-root emotion-11"
+                    class="MuiBox-root emotion-10"
                   >
                     <div
                       class="MuiBox-root emotion-12"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-13"
-                        data-se="o-form-head"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-13"
                       >
-                        Additional setup required to use Okta FastPass
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-14"
+                          data-se="o-form-head"
+                          tabindex="-1"
+                        >
+                          Additional setup required to use Okta FastPass
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
-                    <fieldset
-                      class="MuiFormControl-root MuiFormControl-marginNormal emotion-15"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-16"
-                      >
-                        On this device, do you already have an Okta Verify account for Widgico?
-                      </label>
-                      <div
-                        class="MuiFormGroup-root emotion-17"
-                        data-se="hasOVAccount"
-                        id="hasOVAccount"
-                        role="radiogroup"
+                      <fieldset
+                        class="MuiFormControl-root MuiFormControl-marginNormal emotion-16"
                       >
                         <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-18"
+                          class="MuiFormLabel-root MuiFormLabel-colorPrimary emotion-17"
                         >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-19"
+                          On this device, do you already have an Okta Verify account for Widgico?
+                        </label>
+                        <div
+                          class="MuiFormGroup-root emotion-18"
+                          data-se="hasOVAccount"
+                          id="hasOVAccount"
+                          role="radiogroup"
+                        >
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-19"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-20"
-                              name="hasOVAccount"
-                              type="radio"
-                              value="no"
-                            />
                             <span
-                              class="emotion-21"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary emotion-20"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-22"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-23"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-21"
+                                name="hasOVAccount"
+                                type="radio"
+                                value="no"
+                              />
+                              <span
+                                class="emotion-22"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-23"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-24"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
-                          >
-                            No, I don’t have an account
-                          </span>
-                        </label>
-                        <label
-                          class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-18"
-                        >
-                          <span
-                            class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-19"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-25"
+                            >
+                              No, I don’t have an account
+                            </span>
+                          </label>
+                          <label
+                            class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd emotion-19"
                           >
-                            <input
-                              class="PrivateSwitchBase-input emotion-20"
-                              name="hasOVAccount"
-                              type="radio"
-                              value="yes"
-                            />
                             <span
-                              class="emotion-21"
+                              class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary emotion-20"
                             >
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-22"
-                                data-testid="RadioButtonUncheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
-                              >
-                                <path
-                                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-                                />
-                              </svg>
-                              <svg
-                                aria-hidden="true"
-                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-30"
-                                data-testid="RadioButtonCheckedIcon"
-                                focusable="false"
-                                viewBox="0 0 24 24"
+                              <input
+                                class="PrivateSwitchBase-input emotion-21"
+                                name="hasOVAccount"
+                                type="radio"
+                                value="yes"
+                              />
+                              <span
+                                class="emotion-22"
                               >
-                                <path
-                                  d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
-                                />
-                              </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-23"
+                                  data-testid="RadioButtonUncheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+                                  />
+                                </svg>
+                                <svg
+                                  aria-hidden="true"
+                                  class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall emotion-31"
+                                  data-testid="RadioButtonCheckedIcon"
+                                  focusable="false"
+                                  viewBox="0 0 24 24"
+                                >
+                                  <path
+                                    d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
+                                  />
+                                </svg>
+                              </span>
                             </span>
-                          </span>
-                          <span
-                            class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-24"
-                          >
-                            Yes, I already have an account
-                          </span>
-                        </label>
-                      </div>
-                    </fieldset>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
-                    <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-33"
-                      tabindex="0"
-                      type="button"
+                            <span
+                              class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label emotion-25"
+                            >
+                              Yes, I already have an account
+                            </span>
+                          </label>
+                        </div>
+                      </fieldset>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Next
-                    </button>
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-34"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Next
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`oda-enrollment-android-applink should render view when "No, I don’t have an account" is selected 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-9"
+                  class="MuiBox-root emotion-10"
                 >
                   <div
-                    class="MuiBox-root emotion-11"
+                    class="MuiBox-root emotion-10"
                   >
                     <div
                       class="MuiBox-root emotion-12"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-13"
-                        data-se="o-form-head"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-13"
                       >
-                        Set up an Okta Verify account
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-14"
+                          data-se="o-form-head"
+                          tabindex="-1"
+                        >
+                          Set up an Okta Verify account
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
                     <div
                       class="MuiBox-root emotion-12"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                        data-se="o-form-explain"
+                      <div
+                        class="MuiBox-root emotion-13"
                       >
-                        To sign in with Okta FastPass, you’ll need to set up Okta Verify on this device.
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                          data-se="o-form-explain"
+                        >
+                          To sign in with Okta FastPass, you’ll need to set up Okta Verify on this device.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-1"
                     >
-                      <ol
-                        class="MuiList-root MuiList-padding emotion-19"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        <li
-                          class="MuiListItem-root emotion-20"
+                        <ol
+                          class="MuiList-root MuiList-padding emotion-20"
                         >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          <li
+                            class="MuiListItem-root emotion-21"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  If you don’t have Okta Verify installed, 
-                                  <a
-                                    class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways download-ov-link emotion-25"
-                                    href="https://play.google.com/store/apps/details?id=com.okta.android.auth"
-                                    id="download-ov"
-                                    target="_blank"
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
                                   >
-                                    download the app.
-                                    <span
-                                      class="Link-indicator"
-                                      role="presentation"
+                                    If you don’t have Okta Verify installed, 
+                                    <a
+                                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways download-ov-link emotion-26"
+                                      href="https://play.google.com/store/apps/details?id=com.okta.android.auth"
+                                      id="download-ov"
+                                      target="_blank"
                                     >
-                                      <svg
-                                        aria-hidden="true"
-                                        class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-26"
-                                        focusable="false"
-                                        viewBox="0 0 16 16"
+                                      download the app.
+                                      <span
+                                        class="Link-indicator"
+                                        role="presentation"
                                       >
-                                        <path
-                                          clip-rule="evenodd"
-                                          d="M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z"
-                                          fill="currentColor"
-                                          fill-rule="evenodd"
-                                        />
-                                      </svg>
-                                    </span>
-                                  </a>
-                                </p>
+                                        <svg
+                                          aria-hidden="true"
+                                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-27"
+                                          focusable="false"
+                                          viewBox="0 0 16 16"
+                                        >
+                                          <path
+                                            clip-rule="evenodd"
+                                            d="M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z"
+                                            fill="currentColor"
+                                            fill-rule="evenodd"
+                                          />
+                                        </svg>
+                                      </span>
+                                    </a>
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-20"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-21"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  Open Okta Verify and follow the steps to add your account.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    Open Okta Verify and follow the steps to add your account.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-20"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-21"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  When prompted, choose Sign In, then enter the sign-in URL:
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    When prompted, choose Sign In, then enter the sign-in URL:
+                                  </p>
+                                </div>
                               </div>
-                            </div>
-                            <div
-                              class="MuiBox-root emotion-0"
-                            >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  <span
-                                    class="no-translate"
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
                                   >
-                                    https://idx.okta1.com
-                                  </span>
-                                </p>
+                                    <span
+                                      class="no-translate"
+                                    >
+                                      https://idx.okta1.com
+                                    </span>
+                                  </p>
+                                </div>
                               </div>
-                            </div>
-                            <div
-                              class="MuiBox-root emotion-11"
-                            >
-                              <button
-                                class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-41"
-                                tabindex="0"
-                                type="button"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Copy sign-in URL to clipboard
-                              </button>
+                                <button
+                                  class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-42"
+                                  tabindex="0"
+                                  type="button"
+                                >
+                                  Copy sign-in URL to clipboard
+                                </button>
+                              </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-20"
-                        >
-                          Finish setting up your account in Okta Verify, then try signing in again.
-                        </li>
-                      </ol>
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-21"
+                          >
+                            Finish setting up your account in Okta Verify, then try signing in again.
+                          </li>
+                        </ol>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-44"
-                      role="link"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Back
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-45"
+                        role="link"
+                      >
+                        Back
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`oda-enrollment-android-applink should render view when "Yes, I already have an account" is selected 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
-                  class="MuiBox-root emotion-9"
+                  class="MuiBox-root emotion-10"
                 >
                   <div
-                    class="MuiBox-root emotion-11"
+                    class="MuiBox-root emotion-10"
                   >
                     <div
                       class="MuiBox-root emotion-12"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-13"
-                        data-se="o-form-head"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-13"
                       >
-                        Additional setup required to use Okta FastPass
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-14"
+                          data-se="o-form-head"
+                          tabindex="-1"
+                        >
+                          Additional setup required to use Okta FastPass
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
                     <div
                       class="MuiBox-root emotion-12"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                        data-se="o-form-explain"
+                      <div
+                        class="MuiBox-root emotion-13"
                       >
-                        Okta FastPass is a security method that can sign you in without needing your username.
-                      </p>
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                          data-se="o-form-explain"
+                        >
+                          Okta FastPass is a security method that can sign you in without needing your username.
+                        </p>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 emotion-19"
-                      >
-                        Already have Okta FastPass enabled for your account?
-                      </p>
-                      <ul
-                        class="MuiList-root MuiList-padding emotion-20"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        <li
-                          class="MuiListItem-root emotion-21"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 emotion-20"
+                        >
+                          Already have Okta FastPass enabled for your account?
+                        </p>
+                        <ul
+                          class="MuiList-root MuiList-padding emotion-21"
                         >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  Make sure your Okta Verify is up-to-date, then try signing in again.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    Make sure your Okta Verify is up-to-date, then try signing in again.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-21"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  If your device has a work profile, make sure you are signing in from the same profile that Okta Verify is installed in.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    If your device has a work profile, make sure you are signing in from the same profile that Okta Verify is installed in.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-21"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  On certain browsers and applications, Okta FastPass is not supported.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    On certain browsers and applications, Okta FastPass is not supported.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                      </ul>
+                          </li>
+                        </ul>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
                     <div
-                      class="MuiBox-root emotion-18"
+                      class="MuiBox-root emotion-1"
                     >
-                      <p
-                        class="MuiTypography-root MuiTypography-body1 emotion-19"
-                      >
-                        Need to set up Okta FastPass for your account?
-                      </p>
-                      <ol
-                        class="MuiList-root MuiList-padding emotion-39"
+                      <div
+                        class="MuiBox-root emotion-19"
                       >
-                        <li
-                          class="MuiListItem-root emotion-21"
+                        <p
+                          class="MuiTypography-root MuiTypography-body1 emotion-20"
                         >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          Need to set up Okta FastPass for your account?
+                        </p>
+                        <ol
+                          class="MuiList-root MuiList-padding emotion-40"
+                        >
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  On this device, open the Okta Verify app.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    On this device, open the Okta Verify app.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-21"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  On the list of accounts, tap your account for https://idx.okta1.com.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    On the list of accounts, tap your account for https://idx.okta1.com.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-21"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  Under the “Okta FastPass” section, tap Setup, then follow the instructions.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    Under the “Okta FastPass” section, tap Setup, then follow the instructions.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-21"
-                        >
-                          <div
-                            class="MuiBox-root emotion-9"
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-22"
                           >
                             <div
-                              class="MuiBox-root emotion-0"
+                              class="MuiBox-root emotion-10"
                             >
                               <div
-                                class="MuiBox-root emotion-12"
+                                class="MuiBox-root emotion-1"
                               >
-                                <p
-                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
-                                  data-se="o-form-explain"
+                                <div
+                                  class="MuiBox-root emotion-13"
                                 >
-                                  After your setup is complete, return here to try signing in again.
-                                </p>
+                                  <p
+                                    class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-17"
+                                    data-se="o-form-explain"
+                                  >
+                                    After your setup is complete, return here to try signing in again.
+                                  </p>
+                                </div>
                               </div>
                             </div>
-                          </div>
-                        </li>
-                      </ol>
+                          </li>
+                        </ol>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-11"
-                  >
-                    <button
-                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-61"
-                      role="link"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Back
-                    </button>
+                      <button
+                        class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-62"
+                        role="link"
+                      >
+                        Back
+                      </button>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/oda-enrollment-android-loopback.test.tsx.snap b/src/v3/test/integration/__snapshots__/oda-enrollment-android-loopback.test.tsx.snap
index b85e797d5f..f3c7df7438 100644
--- a/src/v3/test/integration/__snapshots__/oda-enrollment-android-loopback.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/oda-enrollment-android-loopback.test.tsx.snap
@@ -2,74 +2,74 @@
 
 exports[`oda-enrollment-android-loopback should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-10"
@@ -77,164 +77,168 @@ exports[`oda-enrollment-android-loopback should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-12"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Download Okta Verify
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-13"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Download Okta Verify
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                      data-se="o-form-explain"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      To sign in using Okta Verify, you will need to set up Okta Verify on this device.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                        data-se="o-form-explain"
+                      >
+                        To sign in using Okta Verify, you will need to set up Okta Verify on this device.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-1"
                   >
-                    <ol
-                      class="MuiList-root MuiList-padding emotion-18"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      <li
-                        class="MuiListItem-root emotion-19"
+                      <ol
+                        class="MuiList-root MuiList-padding emotion-19"
                       >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                On Google Play, download the Okta Verify app.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  On Google Play, download the Okta Verify app.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Open Okta Verify and follow the steps to add your account.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Open Okta Verify and follow the steps to add your account.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                When prompted, choose Sign In, then enter the sign-in URL:
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  When prompted, choose Sign In, then enter the sign-in URL:
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                <span
-                                  class="no-translate"
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
                                 >
-                                  https://idx.okta1.com
-                                </span>
-                              </p>
+                                  <span
+                                    class="no-translate"
+                                  >
+                                    https://idx.okta1.com
+                                  </span>
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-10"
-                          >
-                            <button
-                              class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-38"
-                              tabindex="0"
-                              type="button"
+                            <div
+                              class="MuiBox-root emotion-11"
                             >
-                              Copy sign-in URL to clipboard
-                            </button>
+                              <button
+                                class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-39"
+                                tabindex="0"
+                                type="button"
+                              >
+                                Copy sign-in URL to clipboard
+                              </button>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Finish setting up your account in Okta Verify, then try accessing this app again.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Finish setting up your account in Okta Verify, then try accessing this app again.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                    </ol>
+                        </li>
+                      </ol>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/oda-enrollment-ios.test.tsx.snap b/src/v3/test/integration/__snapshots__/oda-enrollment-ios.test.tsx.snap
index 256c5ee439..a82f709a21 100644
--- a/src/v3/test/integration/__snapshots__/oda-enrollment-ios.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/oda-enrollment-ios.test.tsx.snap
@@ -2,74 +2,74 @@
 
 exports[`oda-enrollment-ios should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-10"
@@ -77,219 +77,223 @@ exports[`oda-enrollment-ios should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-12"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Download Okta Verify
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-13"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Download Okta Verify
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                      data-se="o-form-explain"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      To sign in using Okta Verify, you will need to set up Okta Verify on this device.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                        data-se="o-form-explain"
+                      >
+                        To sign in using Okta Verify, you will need to set up Okta Verify on this device.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-1"
                   >
-                    <ol
-                      class="MuiList-root MuiList-padding emotion-18"
+                    <div
+                      class="MuiBox-root emotion-18"
                     >
-                      <li
-                        class="MuiListItem-root emotion-19"
+                      <ol
+                        class="MuiList-root MuiList-padding emotion-19"
                       >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Tap the Copy Link button below.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Tap the Copy Link button below.
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-10"
-                          >
-                            <button
-                              class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                              tabindex="0"
-                              type="button"
+                            <div
+                              class="MuiBox-root emotion-11"
                             >
-                              Copy link to clipboard
-                            </button>
+                              <button
+                                class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                                tabindex="0"
+                                type="button"
+                              >
+                                Copy link to clipboard
+                              </button>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                On this device, open your browser, then paste the copied link into the address bar.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  On this device, open your browser, then paste the copied link into the address bar.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Download the Okta Verify app.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Download the Okta Verify app.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Open Okta Verify and follow the steps to add your account.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Open Okta Verify and follow the steps to add your account.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                When prompted, choose Sign In, then enter the sign-in URL:
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  When prompted, choose Sign In, then enter the sign-in URL:
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-0"
-                          >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                <span
-                                  class="no-translate"
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
                                 >
-                                  https://idx.okta1.com
-                                </span>
-                              </p>
+                                  <span
+                                    class="no-translate"
+                                  >
+                                    https://idx.okta1.com
+                                  </span>
+                                </p>
+                              </div>
                             </div>
-                          </div>
-                          <div
-                            class="MuiBox-root emotion-10"
-                          >
-                            <button
-                              class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
-                              tabindex="0"
-                              type="button"
+                            <div
+                              class="MuiBox-root emotion-11"
                             >
-                              Copy sign-in URL to clipboard
-                            </button>
+                              <button
+                                class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
+                                tabindex="0"
+                                type="button"
+                              >
+                                Copy sign-in URL to clipboard
+                              </button>
+                            </div>
                           </div>
-                        </div>
-                      </li>
-                      <li
-                        class="MuiListItem-root emotion-19"
-                      >
-                        <div
-                          class="MuiBox-root emotion-9"
+                        </li>
+                        <li
+                          class="MuiListItem-root emotion-20"
                         >
                           <div
-                            class="MuiBox-root emotion-0"
+                            class="MuiBox-root emotion-10"
                           >
                             <div
-                              class="MuiBox-root emotion-11"
+                              class="MuiBox-root emotion-1"
                             >
-                              <p
-                                class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                                data-se="o-form-explain"
+                              <div
+                                class="MuiBox-root emotion-12"
                               >
-                                Finish setting up your account in Okta Verify, then try accessing this app again.
-                              </p>
+                                <p
+                                  class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                                  data-se="o-form-explain"
+                                >
+                                  Finish setting up your account in Okta Verify, then try accessing this app again.
+                                </p>
+                              </div>
                             </div>
                           </div>
-                        </div>
-                      </li>
-                    </ol>
+                        </li>
+                      </ol>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/okta-verify-email-channel-enrollment.test.tsx.snap b/src/v3/test/integration/__snapshots__/okta-verify-email-channel-enrollment.test.tsx.snap
index 17deadfc6d..d910d0a9b9 100644
--- a/src/v3/test/integration/__snapshots__/okta-verify-email-channel-enrollment.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/okta-verify-email-channel-enrollment.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`okta-verify-email-channel-enrollment should render email channel form and send correct payload 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester2@test.com"
-                >
-                  tester2@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester2@test.com"
+                  >
+                    tester2@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,120 +114,124 @@ exports[`okta-verify-email-channel-enrollment should render email channel form a
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_email_link_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Okta Verify via email link
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_email_link_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Okta Verify via email link
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-20"
-                      data-shrink="false"
-                      for="email"
-                    >
-                      Email
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-21"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="email"
-                        class="MuiInputBase-input emotion-22"
-                        data-se="email"
-                        id="email"
-                        inputmode="email"
-                        name="email"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
+                        data-shrink="false"
+                        for="email"
+                      >
+                        Email
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-22"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="email"
+                          class="MuiInputBase-input emotion-23"
+                          data-se="email"
+                          id="email"
+                          inputmode="email"
+                          name="email"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-25"
-                      data-se="o-form-explain"
-                      id="enrollment-channel-data_Description_Make_sure_you_can_access_the_email_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Make sure you can access the email on your mobile device.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-26"
+                        data-se="o-form-explain"
+                        id="enrollment-channel-data_Description_Make_sure_you_can_access_the_email_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
+                      >
+                        Make sure you can access the email on your mobile device.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Send me the setup link
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-28"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send me the setup link
+                    </button>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    Or 
-                    <a
-                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-30"
-                      href="#"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      try a different way
-                    </a>
-                     to set up Okta Verify.
+                      Or 
+                      <a
+                        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-31"
+                        href="#"
+                      >
+                        try a different way
+                      </a>
+                       to set up Okta Verify.
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-32"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-33"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/okta-verify-enrollment-version-upgrade.test.tsx.snap b/src/v3/test/integration/__snapshots__/okta-verify-enrollment-version-upgrade.test.tsx.snap
index 4875c7f7b9..d22ac6fed3 100644
--- a/src/v3/test/integration/__snapshots__/okta-verify-enrollment-version-upgrade.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/okta-verify-enrollment-version-upgrade.test.tsx.snap
@@ -2,258 +2,262 @@
 
 exports[`okta-verify-enrollment-version-upgrade should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-17"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-17"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-18"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-18"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-19"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-19"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-20"
-                      >
-                        <h2
-                          class="MuiTypography-root MuiTypography-h6 emotion-21"
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-20"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-21"
                         >
-                          Update Okta Verify
-                        </h2>
-                        The device used to set up Okta Verify does not meet your organization’s security requirements because it is not FIPS compliant. Contact your administrator for help.
+                          <h2
+                            class="MuiTypography-root MuiTypography-h6 emotion-22"
+                          >
+                            Update Okta Verify
+                          </h2>
+                          The device used to set up Okta Verify does not meet your organization’s security requirements because it is not FIPS compliant. Contact your administrator for help.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiBox-root emotion-24"
+                      class="MuiBox-root emotion-16"
                     >
-                      <h2
-                        class="MuiTypography-root MuiTypography-h4 emotion-25"
-                        data-se="o-form-head"
-                        id="enroll-poll_Title_Set_up_Okta_Verify_okta_verify_3_1"
-                        tabindex="-1"
+                      <div
+                        class="MuiBox-root emotion-25"
                       >
-                        Set up Okta Verify
-                      </h2>
+                        <h2
+                          class="MuiTypography-root MuiTypography-h4 emotion-26"
+                          data-se="o-form-head"
+                          id="enroll-poll_Title_Set_up_Okta_Verify_okta_verify_3_1"
+                          tabindex="-1"
+                        >
+                          Set up Okta Verify
+                        </h2>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
                     <div
-                      class="MuiBox-root emotion-27"
+                      class="MuiBox-root emotion-1"
                     >
-                      <ol
-                        class="MuiList-root MuiList-padding emotion-28"
+                      <div
+                        class="MuiBox-root emotion-28"
                       >
-                        <li
-                          class="MuiListItem-root emotion-29"
-                        >
-                          On your mobile device, download the Okta Verify app from the App Store (iPhone and iPad) or Google Play (Android devices).
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-29"
-                        >
-                          Open the app and follow the instructions to add your account
-                        </li>
-                        <li
-                          class="MuiListItem-root emotion-29"
+                        <ol
+                          class="MuiList-root MuiList-padding emotion-29"
                         >
-                          When prompted, tap Scan a QR code, then scan the QR code below:
-                        </li>
-                      </ol>
+                          <li
+                            class="MuiListItem-root emotion-30"
+                          >
+                            On your mobile device, download the Okta Verify app from the App Store (iPhone and iPad) or Google Play (Android devices).
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-30"
+                          >
+                            Open the app and follow the instructions to add your account
+                          </li>
+                          <li
+                            class="MuiListItem-root emotion-30"
+                          >
+                            When prompted, tap Scan a QR code, then scan the QR code below:
+                          </li>
+                        </ol>
+                      </div>
                     </div>
-                  </div>
-                  <div
-                    class="MuiBox-root emotion-15"
-                  >
                     <div
-                      class="qrContainer MuiBox-root emotion-33"
+                      class="MuiBox-root emotion-16"
                     >
-                      <img
-                        alt="QR code"
-                        class="qrImg MuiBox-root emotion-34"
-                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAe1BMVEX+/v4AAAD///90dHS9vb3Ozs6ZmZmJiYkeHh6dnZ1bW1tQUFBgYGDq6ur5+fnz8/OSkpJ9fX3ExMRqamrU1NRERES3t7cwMDClpaXb29vk5OSsrKzY2NgPDw/t7e1vb28mJiY+Pj55eXkXFxdKSko5OTlUVFQrKyuFhYX3xPd8AAAGcklEQVR4nO2d2XraMBBGicIW9kDCYiCQlBLe/wnbxjPKx4hBsiwToP+5I5Y0PtBqt1yrAQAAAAAAAAAAAAAAADiPiad4CcliFhGcbx7jmLzk4cxiEppjSDnqsTE30+KKZvMQS53utxGco085nqJjNiMMH6OjwdAFhn5gCMNi3JrhrhXIaO0zfKSUPZ/hbBQac5bAsBXcrWj7DBeUsO4z7AXH5C+rnGFoDq8hd3amPsNOcEwYnssLQzcHDK/e0Dc0CzHMCTf0xkxqONAwqmE7h0UaeRk1a8jXNUPjjZnQ0AzkF8+8K4bfP4CWcyZ+EtdQy/lwUcOuZmiL0g1FQhjCEIYwhGGE4b21FvV+9o/+nD6v990v3t+0Fv/WDFdFe203Z1i45w1DGMIQhj5DZ/R0b4am/zQ/4olFFnTBTnHfqqGdxXDmHghb5O0bKiGGMIQhDGEYaLgLNpTDwWszfO+eZPcYamjy4WGW8XBw+O4bH54O+TdoBYZndmRxDq9hTy2ydtrwwrP63hxewwl9Hmn/MW927QmGtgQYujlgeC7v/2M40psJQWFDtbUI308zSWC4bofyUNDwb59GWQMOj7lOYFicAobEze/cgyEMYQhDxXDiLzbYkOBHOJr02ZlNbEbH1DoR5wxf6rH0pSHt+B39ps9d3uFLGaa0xcksomMuihuWfwbJv897K3Jc9rmn8vgN5U6FWwOGMLx+rt4wuNqKr0tnbtbQqjJBXWoWDYXBcWlmIBO8yfZQY7vSYihFfgeVCbKUfRpRmMlkguLPPXkZi5jOdH9Mn0btl16lYdKeNwxhCEMYVm/YF21tXyaYpjdsiM5EUkNnzvtVFP5auE/TdHIQvHnYznnLnBs5W55izluuW5iuiNpVCtcNg9ctHMNneTNVrMzAEIYwhGE6Q66HDz7DfeHWQltWdldIZc4PMeAtZZi95MixpWPY3kyO6DVki794OUYbrlrDLRVpzzmar74yrqYchL/FEoZyE5pu6KDvEVaKdAwdxpRR3WYVY6iaRxiGFn3GME8whiEMYXhfhinrUl8Ivl91hVStSzvxhqYxzXnR2sPe6DStVaChGSzzEEteIR23jouyxq06peQrbEh/aI0jDL19mqU2jnX6NJqhXMd35+rlbyn7NOq/tBBDb7907ik1wtBJIQ1lv7QMMIQhDGvXZChwDLUq1RlbnDFUUA3jq1DX8DAYHjFwDIenGdgOCKdwDNezL35lWhEz4pcwNMPTRUYZqpChO6uv4nQemJmWgxO0jg2/f9xV/K94CUMbS06jW2oU46AZxuz2giEMYQjDyxl69wg/RRvKIY9uyAnZ8CC7AmVai2HfAx2GXxso19/sYbpcFA90679fv7CT96phnu51t6XP7R39RRQZp+jFl1I7NcKe/PHpNVRxbuInUHve1nBWwvDyPi4whCEMy99gPI6hgJsRu0d4F21Yok419adImtTPMP35Mkem4IXP9jz/PP+kPzxSBv/TQbbhoZiNiBnh0u+Z8Z8j7MCTzP5ukpzVT7pH2Evw2ZcOS/r1F96UCVZmYHgGGOrA8JvrMIyvS8MNy6yQsuGs1wmjJ98zM1zkZF1KsBW3uaaiezzh28zyHOO9KJonVD8px54NW3nK/bKEYYpzMQjZxKp9GmcjmTPGt7dZok9T4dkm34Z0QfZL5dkmcp4mCTA8kQOGMIRh1YZ6K+E3LNpaOKcoifVDZzdVCsP4s6AL9Gm8VLJuUcKQv+f7NeSiYAhDGMLwlgyTrpBWaLhpjMNwnit6P+Q8U4L68DoNwwfVWswUK6TVGobehG4YbwZDGMLwrgzVGlE1jKhL4+vUBO9GeONW7eP5iI+pcj8m87WHFtmixpyiVMV7Zjxf+IVPhqz+/RZuzJ85vxSGMIThfRhqVai4cK2GAW/SURRl8/GzhmXmvBmxz1t/htQ5eoo5+G6ijKE/R3lDvqCu41/rygwMYQjDOP4jwwT7aZiFaP7U1kLdX+oYpmgtZr1AJnJPlGPYzRN27AamVb4FasUP00w7eYpn2hvFZBvF0LTyHB1tUB1iWBzv2Zd2uKr1aTryn4e2jp9kX1uVhjKm9r4n3fBH9ybCEIYwLG1Y+nmLiFMFeTZxL0We6cKHVpfGzCZOm5GM+JmZbKSk0I48Mg3KIXf8mjrldBYM6C5HEc/MJHjnizeBHrP8BQAAAAAAAAAAAAAAAACCP5IF57xc3OReAAAAAElFTkSuQmCC"
-                      />
+                      <div
+                        class="qrContainer MuiBox-root emotion-34"
+                      >
+                        <img
+                          alt="QR code"
+                          class="qrImg MuiBox-root emotion-35"
+                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAe1BMVEX+/v4AAAD///90dHS9vb3Ozs6ZmZmJiYkeHh6dnZ1bW1tQUFBgYGDq6ur5+fnz8/OSkpJ9fX3ExMRqamrU1NRERES3t7cwMDClpaXb29vk5OSsrKzY2NgPDw/t7e1vb28mJiY+Pj55eXkXFxdKSko5OTlUVFQrKyuFhYX3xPd8AAAGcklEQVR4nO2d2XraMBBGicIW9kDCYiCQlBLe/wnbxjPKx4hBsiwToP+5I5Y0PtBqt1yrAQAAAAAAAAAAAAAAADiPiad4CcliFhGcbx7jmLzk4cxiEppjSDnqsTE30+KKZvMQS53utxGco085nqJjNiMMH6OjwdAFhn5gCMNi3JrhrhXIaO0zfKSUPZ/hbBQac5bAsBXcrWj7DBeUsO4z7AXH5C+rnGFoDq8hd3amPsNOcEwYnssLQzcHDK/e0Dc0CzHMCTf0xkxqONAwqmE7h0UaeRk1a8jXNUPjjZnQ0AzkF8+8K4bfP4CWcyZ+EtdQy/lwUcOuZmiL0g1FQhjCEIYwhGGE4b21FvV+9o/+nD6v990v3t+0Fv/WDFdFe203Z1i45w1DGMIQhj5DZ/R0b4am/zQ/4olFFnTBTnHfqqGdxXDmHghb5O0bKiGGMIQhDGEYaLgLNpTDwWszfO+eZPcYamjy4WGW8XBw+O4bH54O+TdoBYZndmRxDq9hTy2ydtrwwrP63hxewwl9Hmn/MW927QmGtgQYujlgeC7v/2M40psJQWFDtbUI308zSWC4bofyUNDwb59GWQMOj7lOYFicAobEze/cgyEMYQhDxXDiLzbYkOBHOJr02ZlNbEbH1DoR5wxf6rH0pSHt+B39ps9d3uFLGaa0xcksomMuihuWfwbJv897K3Jc9rmn8vgN5U6FWwOGMLx+rt4wuNqKr0tnbtbQqjJBXWoWDYXBcWlmIBO8yfZQY7vSYihFfgeVCbKUfRpRmMlkguLPPXkZi5jOdH9Mn0btl16lYdKeNwxhCEMYVm/YF21tXyaYpjdsiM5EUkNnzvtVFP5auE/TdHIQvHnYznnLnBs5W55izluuW5iuiNpVCtcNg9ctHMNneTNVrMzAEIYwhGE6Q66HDz7DfeHWQltWdldIZc4PMeAtZZi95MixpWPY3kyO6DVki794OUYbrlrDLRVpzzmar74yrqYchL/FEoZyE5pu6KDvEVaKdAwdxpRR3WYVY6iaRxiGFn3GME8whiEMYXhfhinrUl8Ivl91hVStSzvxhqYxzXnR2sPe6DStVaChGSzzEEteIR23jouyxq06peQrbEh/aI0jDL19mqU2jnX6NJqhXMd35+rlbyn7NOq/tBBDb7907ik1wtBJIQ1lv7QMMIQhDGvXZChwDLUq1RlbnDFUUA3jq1DX8DAYHjFwDIenGdgOCKdwDNezL35lWhEz4pcwNMPTRUYZqpChO6uv4nQemJmWgxO0jg2/f9xV/K94CUMbS06jW2oU46AZxuz2giEMYQjDyxl69wg/RRvKIY9uyAnZ8CC7AmVai2HfAx2GXxso19/sYbpcFA90679fv7CT96phnu51t6XP7R39RRQZp+jFl1I7NcKe/PHpNVRxbuInUHve1nBWwvDyPi4whCEMy99gPI6hgJsRu0d4F21Yok419adImtTPMP35Mkem4IXP9jz/PP+kPzxSBv/TQbbhoZiNiBnh0u+Z8Z8j7MCTzP5ukpzVT7pH2Evw2ZcOS/r1F96UCVZmYHgGGOrA8JvrMIyvS8MNy6yQsuGs1wmjJ98zM1zkZF1KsBW3uaaiezzh28zyHOO9KJonVD8px54NW3nK/bKEYYpzMQjZxKp9GmcjmTPGt7dZok9T4dkm34Z0QfZL5dkmcp4mCTA8kQOGMIRh1YZ6K+E3LNpaOKcoifVDZzdVCsP4s6AL9Gm8VLJuUcKQv+f7NeSiYAhDGMLwlgyTrpBWaLhpjMNwnit6P+Q8U4L68DoNwwfVWswUK6TVGobehG4YbwZDGMLwrgzVGlE1jKhL4+vUBO9GeONW7eP5iI+pcj8m87WHFtmixpyiVMV7Zjxf+IVPhqz+/RZuzJ85vxSGMIThfRhqVai4cK2GAW/SURRl8/GzhmXmvBmxz1t/htQ5eoo5+G6ijKE/R3lDvqCu41/rygwMYQjDOP4jwwT7aZiFaP7U1kLdX+oYpmgtZr1AJnJPlGPYzRN27AamVb4FasUP00w7eYpn2hvFZBvF0LTyHB1tUB1iWBzv2Zd2uKr1aTryn4e2jp9kX1uVhjKm9r4n3fBH9ybCEIYwLG1Y+nmLiFMFeTZxL0We6cKHVpfGzCZOm5GM+JmZbKSk0I48Mg3KIXf8mjrldBYM6C5HEc/MJHjnizeBHrP8BQAAAAAAAAAAAAAAAACCP5IF57xc3OReAAAAAElFTkSuQmCC"
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        aria-label="Setup without scanning a QR code."
+                        class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-37"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Can't scan?
+                      </button>
                     </div>
                   </div>
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      aria-label="Setup without scanning a QR code."
-                      class="MuiButtonBase-root MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-secondary MuiButton-secondaryPrimary MuiButton-sizeMedium MuiButton-secondarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-36"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Can't scan?
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/okta-verify-sms-channel-enrollment.test.tsx.snap b/src/v3/test/integration/__snapshots__/okta-verify-sms-channel-enrollment.test.tsx.snap
index 2603dfe846..e3d78b7826 100644
--- a/src/v3/test/integration/__snapshots__/okta-verify-sms-channel-enrollment.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/okta-verify-sms-channel-enrollment.test.tsx.snap
@@ -2,111 +2,111 @@
 
 exports[`okta-verify-sms-channel-enrollment should render sms channel form and send correct payload 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-verify"
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester2@test.com"
-                >
-                  tester2@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester2@test.com"
+                  >
+                    tester2@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -114,2874 +114,2882 @@ exports[`okta-verify-sms-channel-enrollment should render sms channel form and s
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_SMS_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up Okta Verify via SMS
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_SMS_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Okta Verify via SMS
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
-                      class="MuiBox-root emotion-15"
+                      class="MuiBox-root emotion-1"
                     >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                        data-shrink="false"
-                        for="country"
-                        id="countryLabel"
-                      >
-                        Country
-                      </label>
                       <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-22"
-                        required="true"
+                        class="MuiBox-root emotion-16"
                       >
-                        <select
-                          autocomplete="tel-country-code"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-23"
-                          data-se="country"
-                          id="country"
-                          required=""
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                          data-shrink="false"
+                          for="country"
+                          id="countryLabel"
                         >
-                          <option
-                            value="AF"
-                          >
-                            Afghanistan
-                          </option>
-                          <option
-                            value="AL"
-                          >
-                            Albania
-                          </option>
-                          <option
-                            value="DZ"
-                          >
-                            Algeria
-                          </option>
-                          <option
-                            value="AS"
-                          >
-                            American Samoa
-                          </option>
-                          <option
-                            value="AD"
-                          >
-                            Andorra
-                          </option>
-                          <option
-                            value="AO"
-                          >
-                            Angola
-                          </option>
-                          <option
-                            value="AI"
-                          >
-                            Anguilla
-                          </option>
-                          <option
-                            value="AQ"
-                          >
-                            Antarctica
-                          </option>
-                          <option
-                            value="AG"
-                          >
-                            Antigua and Barbuda
-                          </option>
-                          <option
-                            value="AR"
-                          >
-                            Argentina
-                          </option>
-                          <option
-                            value="AM"
-                          >
-                            Armenia
-                          </option>
-                          <option
-                            value="AW"
-                          >
-                            Aruba
-                          </option>
-                          <option
-                            value="AU"
-                          >
-                            Australia
-                          </option>
-                          <option
-                            value="AT"
-                          >
-                            Austria
-                          </option>
-                          <option
-                            value="AZ"
-                          >
-                            Azerbaijan
-                          </option>
-                          <option
-                            value="BS"
-                          >
-                            Bahamas
-                          </option>
-                          <option
-                            value="BH"
-                          >
-                            Bahrain
-                          </option>
-                          <option
-                            value="BD"
-                          >
-                            Bangladesh
-                          </option>
-                          <option
-                            value="BB"
-                          >
-                            Barbados
-                          </option>
-                          <option
-                            value="BY"
-                          >
-                            Belarus
-                          </option>
-                          <option
-                            value="BE"
-                          >
-                            Belgium
-                          </option>
-                          <option
-                            value="BZ"
-                          >
-                            Belize
-                          </option>
-                          <option
-                            value="BJ"
-                          >
-                            Benin
-                          </option>
-                          <option
-                            value="BM"
-                          >
-                            Bermuda
-                          </option>
-                          <option
-                            value="BT"
-                          >
-                            Bhutan
-                          </option>
-                          <option
-                            value="BO"
-                          >
-                            Bolivia, Plurinational State of
-                          </option>
-                          <option
-                            value="BA"
-                          >
-                            Bosnia and Herzegovina
-                          </option>
-                          <option
-                            value="BW"
-                          >
-                            Botswana
-                          </option>
-                          <option
-                            value="BR"
-                          >
-                            Brazil
-                          </option>
-                          <option
-                            value="IO"
-                          >
-                            British Indian Ocean Territory
-                          </option>
-                          <option
-                            value="BN"
-                          >
-                            Brunei Darussalam
-                          </option>
-                          <option
-                            value="BG"
-                          >
-                            Bulgaria
-                          </option>
-                          <option
-                            value="BF"
-                          >
-                            Burkina Faso
-                          </option>
-                          <option
-                            value="BI"
-                          >
-                            Burundi
-                          </option>
-                          <option
-                            value="KH"
-                          >
-                            Cambodia
-                          </option>
-                          <option
-                            value="CM"
-                          >
-                            Cameroon
-                          </option>
-                          <option
-                            value="CA"
-                          >
-                            Canada
-                          </option>
-                          <option
-                            value="CV"
-                          >
-                            Cape Verde
-                          </option>
-                          <option
-                            value="KY"
-                          >
-                            Cayman Islands
-                          </option>
-                          <option
-                            value="CF"
-                          >
-                            Central African Republic
-                          </option>
-                          <option
-                            value="TD"
-                          >
-                            Chad
-                          </option>
-                          <option
-                            value="CL"
-                          >
-                            Chile
-                          </option>
-                          <option
-                            value="CN"
-                          >
-                            China
-                          </option>
-                          <option
-                            value="CX"
-                          >
-                            Christmas Island
-                          </option>
-                          <option
-                            value="CO"
-                          >
-                            Colombia
-                          </option>
-                          <option
-                            value="KM"
-                          >
-                            Comoros
-                          </option>
-                          <option
-                            value="CG"
-                          >
-                            Congo
-                          </option>
-                          <option
-                            value="CD"
-                          >
-                            Congo, the Democratic Republic of the
-                          </option>
-                          <option
-                            value="CK"
-                          >
-                            Cook Islands
-                          </option>
-                          <option
-                            value="CR"
-                          >
-                            Costa Rica
-                          </option>
-                          <option
-                            value="HR"
-                          >
-                            Croatia
-                          </option>
-                          <option
-                            value="CU"
-                          >
-                            Cuba
-                          </option>
-                          <option
-                            value="CY"
-                          >
-                            Cyprus
-                          </option>
-                          <option
-                            value="CZ"
-                          >
-                            Czech Republic
-                          </option>
-                          <option
-                            value="CI"
-                          >
-                            Côte d'Ivoire
-                          </option>
-                          <option
-                            value="DK"
-                          >
-                            Denmark
-                          </option>
-                          <option
-                            value="DJ"
-                          >
-                            Djibouti
-                          </option>
-                          <option
-                            value="DM"
-                          >
-                            Dominica
-                          </option>
-                          <option
-                            value="DO"
-                          >
-                            Dominican Republic
-                          </option>
-                          <option
-                            value="EC"
-                          >
-                            Ecuador
-                          </option>
-                          <option
-                            value="EG"
-                          >
-                            Egypt
-                          </option>
-                          <option
-                            value="SV"
-                          >
-                            El Salvador
-                          </option>
-                          <option
-                            value="GQ"
-                          >
-                            Equatorial Guinea
-                          </option>
-                          <option
-                            value="ER"
-                          >
-                            Eritrea
-                          </option>
-                          <option
-                            value="EE"
-                          >
-                            Estonia
-                          </option>
-                          <option
-                            value="ET"
-                          >
-                            Ethiopia
-                          </option>
-                          <option
-                            value="FK"
-                          >
-                            Falkland Islands (Malvinas)
-                          </option>
-                          <option
-                            value="FO"
-                          >
-                            Faroe Islands
-                          </option>
-                          <option
-                            value="FJ"
-                          >
-                            Fiji
-                          </option>
-                          <option
-                            value="FI"
-                          >
-                            Finland
-                          </option>
-                          <option
-                            value="FR"
-                          >
-                            France
-                          </option>
-                          <option
-                            value="GF"
-                          >
-                            French Guiana
-                          </option>
-                          <option
-                            value="PF"
-                          >
-                            French Polynesia
-                          </option>
-                          <option
-                            value="GA"
-                          >
-                            Gabon
-                          </option>
-                          <option
-                            value="GM"
-                          >
-                            Gambia
-                          </option>
-                          <option
-                            value="GE"
-                          >
-                            Georgia
-                          </option>
-                          <option
-                            value="DE"
-                          >
-                            Germany
-                          </option>
-                          <option
-                            value="GH"
-                          >
-                            Ghana
-                          </option>
-                          <option
-                            value="GI"
-                          >
-                            Gibraltar
-                          </option>
-                          <option
-                            value="GR"
-                          >
-                            Greece
-                          </option>
-                          <option
-                            value="GL"
-                          >
-                            Greenland
-                          </option>
-                          <option
-                            value="GD"
-                          >
-                            Grenada
-                          </option>
-                          <option
-                            value="GP"
-                          >
-                            Guadeloupe
-                          </option>
-                          <option
-                            value="GU"
-                          >
-                            Guam
-                          </option>
-                          <option
-                            value="GT"
-                          >
-                            Guatemala
-                          </option>
-                          <option
-                            value="GG"
-                          >
-                            Guernsey
-                          </option>
-                          <option
-                            value="GN"
-                          >
-                            Guinea
-                          </option>
-                          <option
-                            value="GW"
-                          >
-                            Guinea-Bissau
-                          </option>
-                          <option
-                            value="GY"
-                          >
-                            Guyana
-                          </option>
-                          <option
-                            value="HT"
-                          >
-                            Haiti
-                          </option>
-                          <option
-                            value="VA"
-                          >
-                            Holy See (Vatican City State)
-                          </option>
-                          <option
-                            value="HN"
-                          >
-                            Honduras
-                          </option>
-                          <option
-                            value="HK"
-                          >
-                            Hong Kong
-                          </option>
-                          <option
-                            value="HU"
-                          >
-                            Hungary
-                          </option>
-                          <option
-                            value="IS"
-                          >
-                            Iceland
-                          </option>
-                          <option
-                            value="IN"
-                          >
-                            India
-                          </option>
-                          <option
-                            value="ID"
-                          >
-                            Indonesia
-                          </option>
-                          <option
-                            value="IR"
-                          >
-                            Iran, Islamic Republic of
-                          </option>
-                          <option
-                            value="IQ"
-                          >
-                            Iraq
-                          </option>
-                          <option
-                            value="IE"
-                          >
-                            Ireland
-                          </option>
-                          <option
-                            value="IL"
-                          >
-                            Israel
-                          </option>
-                          <option
-                            value="IT"
-                          >
-                            Italy
-                          </option>
-                          <option
-                            value="JM"
-                          >
-                            Jamaica
-                          </option>
-                          <option
-                            value="JP"
-                          >
-                            Japan
-                          </option>
-                          <option
-                            value="JE"
-                          >
-                            Jersey
-                          </option>
-                          <option
-                            value="JO"
-                          >
-                            Jordan
-                          </option>
-                          <option
-                            value="KZ"
-                          >
-                            Kazakhstan
-                          </option>
-                          <option
-                            value="KE"
-                          >
-                            Kenya
-                          </option>
-                          <option
-                            value="KI"
-                          >
-                            Kiribati
-                          </option>
-                          <option
-                            value="KP"
-                          >
-                            Korea, Democratic People's Republic of
-                          </option>
-                          <option
-                            value="KR"
-                          >
-                            Korea, Republic of
-                          </option>
-                          <option
-                            value="XK"
-                          >
-                            Kosovo, Republic of
-                          </option>
-                          <option
-                            value="KW"
-                          >
-                            Kuwait
-                          </option>
-                          <option
-                            value="KG"
-                          >
-                            Kyrgyzstan
-                          </option>
-                          <option
-                            value="LA"
-                          >
-                            Lao People's Democratic Republic
-                          </option>
-                          <option
-                            value="LV"
-                          >
-                            Latvia
-                          </option>
-                          <option
-                            value="LB"
-                          >
-                            Lebanon
-                          </option>
-                          <option
-                            value="LS"
-                          >
-                            Lesotho
-                          </option>
-                          <option
-                            value="LR"
-                          >
-                            Liberia
-                          </option>
-                          <option
-                            value="LY"
-                          >
-                            Libya
-                          </option>
-                          <option
-                            value="LI"
-                          >
-                            Liechtenstein
-                          </option>
-                          <option
-                            value="LT"
-                          >
-                            Lithuania
-                          </option>
-                          <option
-                            value="LU"
-                          >
-                            Luxembourg
-                          </option>
-                          <option
-                            value="MO"
-                          >
-                            Macao
-                          </option>
-                          <option
-                            value="MK"
-                          >
-                            Macedonia, the former Yugoslav Republic of
-                          </option>
-                          <option
-                            value="MG"
-                          >
-                            Madagascar
-                          </option>
-                          <option
-                            value="MW"
-                          >
-                            Malawi
-                          </option>
-                          <option
-                            value="MY"
-                          >
-                            Malaysia
-                          </option>
-                          <option
-                            value="MV"
-                          >
-                            Maldives
-                          </option>
-                          <option
-                            value="ML"
-                          >
-                            Mali
-                          </option>
-                          <option
-                            value="MT"
-                          >
-                            Malta
-                          </option>
-                          <option
-                            value="MH"
-                          >
-                            Marshall Islands
-                          </option>
-                          <option
-                            value="MQ"
-                          >
-                            Martinique
-                          </option>
-                          <option
-                            value="MR"
-                          >
-                            Mauritania
-                          </option>
-                          <option
-                            value="MU"
-                          >
-                            Mauritius
-                          </option>
-                          <option
-                            value="YT"
-                          >
-                            Mayotte
-                          </option>
-                          <option
-                            value="MX"
-                          >
-                            Mexico
-                          </option>
-                          <option
-                            value="FM"
-                          >
-                            Micronesia, Federated States of
-                          </option>
-                          <option
-                            value="MD"
-                          >
-                            Moldova, Republic of
-                          </option>
-                          <option
-                            value="MC"
-                          >
-                            Monaco
-                          </option>
-                          <option
-                            value="MN"
-                          >
-                            Mongolia
-                          </option>
-                          <option
-                            value="ME"
-                          >
-                            Montenegro
-                          </option>
-                          <option
-                            value="MS"
-                          >
-                            Montserrat
-                          </option>
-                          <option
-                            value="MA"
-                          >
-                            Morocco
-                          </option>
-                          <option
-                            value="MZ"
-                          >
-                            Mozambique
-                          </option>
-                          <option
-                            value="MM"
-                          >
-                            Myanmar
-                          </option>
-                          <option
-                            value="NA"
-                          >
-                            Namibia
-                          </option>
-                          <option
-                            value="NR"
-                          >
-                            Nauru
-                          </option>
-                          <option
-                            value="NP"
-                          >
-                            Nepal
-                          </option>
-                          <option
-                            value="NL"
-                          >
-                            Netherlands
-                          </option>
-                          <option
-                            value="AN"
-                          >
-                            Netherlands Antilles
-                          </option>
-                          <option
-                            value="NC"
-                          >
-                            New Caledonia
-                          </option>
-                          <option
-                            value="NZ"
-                          >
-                            New Zealand
-                          </option>
-                          <option
-                            value="NI"
-                          >
-                            Nicaragua
-                          </option>
-                          <option
-                            value="NE"
-                          >
-                            Niger
-                          </option>
-                          <option
-                            value="NG"
-                          >
-                            Nigeria
-                          </option>
-                          <option
-                            value="NU"
-                          >
-                            Niue
-                          </option>
-                          <option
-                            value="NF"
-                          >
-                            Norfolk Island
-                          </option>
-                          <option
-                            value="MP"
-                          >
-                            Northern Mariana Islands
-                          </option>
-                          <option
-                            value="NO"
-                          >
-                            Norway
-                          </option>
-                          <option
-                            value="OM"
-                          >
-                            Oman
-                          </option>
-                          <option
-                            value="PK"
-                          >
-                            Pakistan
-                          </option>
-                          <option
-                            value="PW"
-                          >
-                            Palau
-                          </option>
-                          <option
-                            value="PS"
-                          >
-                            Palestine, State of
-                          </option>
-                          <option
-                            value="PA"
-                          >
-                            Panama
-                          </option>
-                          <option
-                            value="PG"
-                          >
-                            Papua New Guinea
-                          </option>
-                          <option
-                            value="PY"
-                          >
-                            Paraguay
-                          </option>
-                          <option
-                            value="PE"
-                          >
-                            Peru
-                          </option>
-                          <option
-                            value="PH"
-                          >
-                            Philippines
-                          </option>
-                          <option
-                            value="PN"
-                          >
-                            Pitcairn
-                          </option>
-                          <option
-                            value="PL"
-                          >
-                            Poland
-                          </option>
-                          <option
-                            value="PT"
-                          >
-                            Portugal
-                          </option>
-                          <option
-                            value="PR"
-                          >
-                            Puerto Rico
-                          </option>
-                          <option
-                            value="QA"
-                          >
-                            Qatar
-                          </option>
-                          <option
-                            value="RO"
-                          >
-                            Romania
-                          </option>
-                          <option
-                            value="RU"
-                          >
-                            Russian Federation
-                          </option>
-                          <option
-                            value="RW"
-                          >
-                            Rwanda
-                          </option>
-                          <option
-                            value="RE"
-                          >
-                            Réunion
-                          </option>
-                          <option
-                            value="SH"
-                          >
-                            Saint Helena, Ascension and Tristan da Cunha
-                          </option>
-                          <option
-                            value="KN"
-                          >
-                            Saint Kitts and Nevis
-                          </option>
-                          <option
-                            value="LC"
-                          >
-                            Saint Lucia
-                          </option>
-                          <option
-                            value="PM"
-                          >
-                            Saint Pierre and Miquelon
-                          </option>
-                          <option
-                            value="VC"
-                          >
-                            Saint Vincent and the Grenadines
-                          </option>
-                          <option
-                            value="WS"
-                          >
-                            Samoa
-                          </option>
-                          <option
-                            value="SM"
-                          >
-                            San Marino
-                          </option>
-                          <option
-                            value="SA"
-                          >
-                            Saudi Arabia
-                          </option>
-                          <option
-                            value="SN"
-                          >
-                            Senegal
-                          </option>
-                          <option
-                            value="RS"
-                          >
-                            Serbia
-                          </option>
-                          <option
-                            value="SC"
-                          >
-                            Seychelles
-                          </option>
-                          <option
-                            value="SL"
-                          >
-                            Sierra Leone
-                          </option>
-                          <option
-                            value="SG"
-                          >
-                            Singapore
-                          </option>
-                          <option
-                            value="SK"
-                          >
-                            Slovakia
-                          </option>
-                          <option
-                            value="SI"
-                          >
-                            Slovenia
-                          </option>
-                          <option
-                            value="SB"
-                          >
-                            Solomon Islands
-                          </option>
-                          <option
-                            value="SO"
-                          >
-                            Somalia
-                          </option>
-                          <option
-                            value="ZA"
-                          >
-                            South Africa
-                          </option>
-                          <option
-                            value="GS"
-                          >
-                            South Georgia and the South Sandwich Islands
-                          </option>
-                          <option
-                            value="SS"
-                          >
-                            South Sudan
-                          </option>
-                          <option
-                            value="ES"
-                          >
-                            Spain
-                          </option>
-                          <option
-                            value="LK"
-                          >
-                            Sri Lanka
-                          </option>
-                          <option
-                            value="SD"
-                          >
-                            Sudan
-                          </option>
-                          <option
-                            value="SR"
-                          >
-                            Suriname
-                          </option>
-                          <option
-                            value="SJ"
-                          >
-                            Svalbard and Jan Mayen
-                          </option>
-                          <option
-                            value="SZ"
-                          >
-                            Swaziland
-                          </option>
-                          <option
-                            value="SE"
-                          >
-                            Sweden
-                          </option>
-                          <option
-                            value="CH"
-                          >
-                            Switzerland
-                          </option>
-                          <option
-                            value="SY"
-                          >
-                            Syrian Arab Republic
-                          </option>
-                          <option
-                            value="ST"
-                          >
-                            São Tomé and Príncipe
-                          </option>
-                          <option
-                            value="TW"
-                          >
-                            Taiwan
-                          </option>
-                          <option
-                            value="TJ"
-                          >
-                            Tajikistan
-                          </option>
-                          <option
-                            value="TZ"
-                          >
-                            Tanzania, United Republic of
-                          </option>
-                          <option
-                            value="TH"
-                          >
-                            Thailand
-                          </option>
-                          <option
-                            value="TL"
-                          >
-                            Timor-Leste
-                          </option>
-                          <option
-                            value="TG"
-                          >
-                            Togo
-                          </option>
-                          <option
-                            value="TK"
-                          >
-                            Tokelau
-                          </option>
-                          <option
-                            value="TO"
-                          >
-                            Tonga
-                          </option>
-                          <option
-                            value="TT"
-                          >
-                            Trinidad and Tobago
-                          </option>
-                          <option
-                            value="TN"
-                          >
-                            Tunisia
-                          </option>
-                          <option
-                            value="TR"
-                          >
-                            Turkey
-                          </option>
-                          <option
-                            value="TM"
-                          >
-                            Turkmenistan
-                          </option>
-                          <option
-                            value="TC"
-                          >
-                            Turks and Caicos Islands
-                          </option>
-                          <option
-                            value="TV"
-                          >
-                            Tuvalu
-                          </option>
-                          <option
-                            value="UG"
-                          >
-                            Uganda
-                          </option>
-                          <option
-                            value="UA"
-                          >
-                            Ukraine
-                          </option>
-                          <option
-                            value="AE"
-                          >
-                            United Arab Emirates
-                          </option>
-                          <option
-                            value="GB"
-                          >
-                            United Kingdom
-                          </option>
-                          <option
-                            value="US"
+                          Country
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-23"
+                          required="true"
+                        >
+                          <select
+                            autocomplete="tel-country-code"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-24"
+                            data-se="country"
+                            id="country"
+                            required=""
                           >
-                            United States
-                          </option>
-                          <option
-                            value="UM"
-                          >
-                            United States Minor Outlying Islands
-                          </option>
-                          <option
-                            value="UY"
-                          >
-                            Uruguay
-                          </option>
-                          <option
-                            value="UZ"
-                          >
-                            Uzbekistan
-                          </option>
-                          <option
-                            value="VU"
-                          >
-                            Vanuatu
-                          </option>
-                          <option
-                            value="VE"
-                          >
-                            Venezuela, Bolivarian Republic of
-                          </option>
-                          <option
-                            value="VN"
-                          >
-                            Viet Nam
-                          </option>
-                          <option
-                            value="VG"
-                          >
-                            Virgin Islands, British
-                          </option>
-                          <option
-                            value="VI"
-                          >
-                            Virgin Islands, U.S.
-                          </option>
-                          <option
-                            value="WF"
-                          >
-                            Wallis and Futuna
-                          </option>
-                          <option
-                            value="EH"
-                          >
-                            Western Sahara
-                          </option>
-                          <option
-                            value="YE"
-                          >
-                            Yemen
-                          </option>
-                          <option
-                            value="ZM"
-                          >
-                            Zambia
-                          </option>
-                          <option
-                            value="ZW"
-                          >
-                            Zimbabwe
-                          </option>
-                          <option
-                            value="AX"
-                          >
-                            Åland Islands
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-24"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
-                        >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-25"
-                      dir="ltr"
-                    >
-                      <div
-                        class="MuiBox-root emotion-26"
-                      >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                          data-shrink="false"
-                          dir="ltr"
-                          for="phoneNumber"
-                        >
-                          Phone number
-                        </label>
-                        <div
-                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-28"
-                          dir="ltr"
-                          required="true"
-                        >
-                          <span
-                            class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-29"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
-                            >
-                              +1
-                            </p>
-                          </span>
-                          <input
-                            aria-invalid="false"
-                            autocomplete="tel-national"
-                            class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-31"
-                            data-se="phoneNumber"
-                            id="phoneNumber"
-                            inputmode="tel"
-                            name="phoneNumber"
-                            required=""
-                            type="tel"
-                          />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
-                      data-se="o-form-explain"
-                      id="enrollment-channel-data_Description_Make_sure_you_can_access_the_text_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
-                    >
-                      Make sure you can access the text on your mobile device.
-                    </p>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-36"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
-                  >
-                    Send me the setup link
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    Or 
-                    <a
-                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-39"
-                      href="#"
-                    >
-                      try a different way
-                    </a>
-                     to set up Okta Verify.
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-41"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-41"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
-                  >
-                    Back to sign in
-                  </button>
-                </div>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</div>
-`;
-
-exports[`okta-verify-sms-channel-enrollment should render sms channel form without an auto focused element when autoFocus is disabled 1`] = `
-<div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
-  >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
-    >
-      <div
-        class="MuiBox-root emotion-2"
-      >
-        <div
-          class="MuiBox-root emotion-3"
-        >
-          <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-            <div
-              aria-hidden="true"
-              class="mfa-okta-verify MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-verify"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-verify"
-                >
-                  Okta Verify
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  clip-rule="evenodd"
-                  d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
-                  fill="#00297A"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
-            >
-              <div
-                class="MuiBox-root emotion-9"
-              >
-                <span
-                  class="MuiBox-root emotion-10"
-                >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester2@test.com"
-                >
-                  tester2@test.com
-                </span>
-              </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
-              >
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-16"
-                  >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_SMS_okta_verify_aut2h3fft4y9pDPCS1d7_1"
-                      tabindex="-1"
-                    >
-                      Set up Okta Verify via SMS
-                    </h2>
-                  </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <div
-                    class="MuiBox-root emotion-0"
-                  >
-                    <div
-                      class="MuiBox-root emotion-15"
-                    >
-                      <label
-                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                        data-shrink="false"
-                        for="country"
-                        id="countryLabel"
-                      >
-                        Country
-                      </label>
-                      <div
-                        class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-22"
-                        required="true"
-                      >
-                        <select
-                          autocomplete="tel-country-code"
-                          class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-23"
-                          data-se="country"
-                          id="country"
-                          required=""
-                        >
-                          <option
-                            value="AF"
-                          >
-                            Afghanistan
-                          </option>
-                          <option
-                            value="AL"
-                          >
-                            Albania
-                          </option>
-                          <option
-                            value="DZ"
-                          >
-                            Algeria
-                          </option>
-                          <option
-                            value="AS"
-                          >
-                            American Samoa
-                          </option>
-                          <option
-                            value="AD"
-                          >
-                            Andorra
-                          </option>
-                          <option
-                            value="AO"
-                          >
-                            Angola
-                          </option>
-                          <option
-                            value="AI"
-                          >
-                            Anguilla
-                          </option>
-                          <option
-                            value="AQ"
-                          >
-                            Antarctica
-                          </option>
-                          <option
-                            value="AG"
-                          >
-                            Antigua and Barbuda
-                          </option>
-                          <option
-                            value="AR"
-                          >
-                            Argentina
-                          </option>
-                          <option
-                            value="AM"
-                          >
-                            Armenia
-                          </option>
-                          <option
-                            value="AW"
-                          >
-                            Aruba
-                          </option>
-                          <option
-                            value="AU"
-                          >
-                            Australia
-                          </option>
-                          <option
-                            value="AT"
-                          >
-                            Austria
-                          </option>
-                          <option
-                            value="AZ"
-                          >
-                            Azerbaijan
-                          </option>
-                          <option
-                            value="BS"
-                          >
-                            Bahamas
-                          </option>
-                          <option
-                            value="BH"
-                          >
-                            Bahrain
-                          </option>
-                          <option
-                            value="BD"
-                          >
-                            Bangladesh
-                          </option>
-                          <option
-                            value="BB"
-                          >
-                            Barbados
-                          </option>
-                          <option
-                            value="BY"
-                          >
-                            Belarus
-                          </option>
-                          <option
-                            value="BE"
-                          >
-                            Belgium
-                          </option>
-                          <option
-                            value="BZ"
-                          >
-                            Belize
-                          </option>
-                          <option
-                            value="BJ"
-                          >
-                            Benin
-                          </option>
-                          <option
-                            value="BM"
-                          >
-                            Bermuda
-                          </option>
-                          <option
-                            value="BT"
-                          >
-                            Bhutan
-                          </option>
-                          <option
-                            value="BO"
-                          >
-                            Bolivia, Plurinational State of
-                          </option>
-                          <option
-                            value="BA"
-                          >
-                            Bosnia and Herzegovina
-                          </option>
-                          <option
-                            value="BW"
-                          >
-                            Botswana
-                          </option>
-                          <option
-                            value="BR"
-                          >
-                            Brazil
-                          </option>
-                          <option
-                            value="IO"
-                          >
-                            British Indian Ocean Territory
-                          </option>
-                          <option
-                            value="BN"
-                          >
-                            Brunei Darussalam
-                          </option>
-                          <option
-                            value="BG"
-                          >
-                            Bulgaria
-                          </option>
-                          <option
-                            value="BF"
-                          >
-                            Burkina Faso
-                          </option>
-                          <option
-                            value="BI"
-                          >
-                            Burundi
-                          </option>
-                          <option
-                            value="KH"
-                          >
-                            Cambodia
-                          </option>
-                          <option
-                            value="CM"
-                          >
-                            Cameroon
-                          </option>
-                          <option
-                            value="CA"
-                          >
-                            Canada
-                          </option>
-                          <option
-                            value="CV"
-                          >
-                            Cape Verde
-                          </option>
-                          <option
-                            value="KY"
-                          >
-                            Cayman Islands
-                          </option>
-                          <option
-                            value="CF"
-                          >
-                            Central African Republic
-                          </option>
-                          <option
-                            value="TD"
-                          >
-                            Chad
-                          </option>
-                          <option
-                            value="CL"
-                          >
-                            Chile
-                          </option>
-                          <option
-                            value="CN"
-                          >
-                            China
-                          </option>
-                          <option
-                            value="CX"
-                          >
-                            Christmas Island
-                          </option>
-                          <option
-                            value="CO"
-                          >
-                            Colombia
-                          </option>
-                          <option
-                            value="KM"
-                          >
-                            Comoros
-                          </option>
-                          <option
-                            value="CG"
-                          >
-                            Congo
-                          </option>
-                          <option
-                            value="CD"
-                          >
-                            Congo, the Democratic Republic of the
-                          </option>
-                          <option
-                            value="CK"
-                          >
-                            Cook Islands
-                          </option>
-                          <option
-                            value="CR"
-                          >
-                            Costa Rica
-                          </option>
-                          <option
-                            value="HR"
-                          >
-                            Croatia
-                          </option>
-                          <option
-                            value="CU"
-                          >
-                            Cuba
-                          </option>
-                          <option
-                            value="CY"
-                          >
-                            Cyprus
-                          </option>
-                          <option
-                            value="CZ"
-                          >
-                            Czech Republic
-                          </option>
-                          <option
-                            value="CI"
-                          >
-                            Côte d'Ivoire
-                          </option>
-                          <option
-                            value="DK"
-                          >
-                            Denmark
-                          </option>
-                          <option
-                            value="DJ"
-                          >
-                            Djibouti
-                          </option>
-                          <option
-                            value="DM"
-                          >
-                            Dominica
-                          </option>
-                          <option
-                            value="DO"
-                          >
-                            Dominican Republic
-                          </option>
-                          <option
-                            value="EC"
-                          >
-                            Ecuador
-                          </option>
-                          <option
-                            value="EG"
-                          >
-                            Egypt
-                          </option>
-                          <option
-                            value="SV"
-                          >
-                            El Salvador
-                          </option>
-                          <option
-                            value="GQ"
-                          >
-                            Equatorial Guinea
-                          </option>
-                          <option
-                            value="ER"
-                          >
-                            Eritrea
-                          </option>
-                          <option
-                            value="EE"
-                          >
-                            Estonia
-                          </option>
-                          <option
-                            value="ET"
-                          >
-                            Ethiopia
-                          </option>
-                          <option
-                            value="FK"
-                          >
-                            Falkland Islands (Malvinas)
-                          </option>
-                          <option
-                            value="FO"
-                          >
-                            Faroe Islands
-                          </option>
-                          <option
-                            value="FJ"
-                          >
-                            Fiji
-                          </option>
-                          <option
-                            value="FI"
-                          >
-                            Finland
-                          </option>
-                          <option
-                            value="FR"
-                          >
-                            France
-                          </option>
-                          <option
-                            value="GF"
-                          >
-                            French Guiana
-                          </option>
-                          <option
-                            value="PF"
-                          >
-                            French Polynesia
-                          </option>
-                          <option
-                            value="GA"
-                          >
-                            Gabon
-                          </option>
-                          <option
-                            value="GM"
-                          >
-                            Gambia
-                          </option>
-                          <option
-                            value="GE"
-                          >
-                            Georgia
-                          </option>
-                          <option
-                            value="DE"
-                          >
-                            Germany
-                          </option>
-                          <option
-                            value="GH"
-                          >
-                            Ghana
-                          </option>
-                          <option
-                            value="GI"
-                          >
-                            Gibraltar
-                          </option>
-                          <option
-                            value="GR"
-                          >
-                            Greece
-                          </option>
-                          <option
-                            value="GL"
-                          >
-                            Greenland
-                          </option>
-                          <option
-                            value="GD"
-                          >
-                            Grenada
-                          </option>
-                          <option
-                            value="GP"
-                          >
-                            Guadeloupe
-                          </option>
-                          <option
-                            value="GU"
-                          >
-                            Guam
-                          </option>
-                          <option
-                            value="GT"
-                          >
-                            Guatemala
-                          </option>
-                          <option
-                            value="GG"
-                          >
-                            Guernsey
-                          </option>
-                          <option
-                            value="GN"
-                          >
-                            Guinea
-                          </option>
-                          <option
-                            value="GW"
-                          >
-                            Guinea-Bissau
-                          </option>
-                          <option
-                            value="GY"
-                          >
-                            Guyana
-                          </option>
-                          <option
-                            value="HT"
-                          >
-                            Haiti
-                          </option>
-                          <option
-                            value="VA"
-                          >
-                            Holy See (Vatican City State)
-                          </option>
-                          <option
-                            value="HN"
-                          >
-                            Honduras
-                          </option>
-                          <option
-                            value="HK"
-                          >
-                            Hong Kong
-                          </option>
-                          <option
-                            value="HU"
-                          >
-                            Hungary
-                          </option>
-                          <option
-                            value="IS"
-                          >
-                            Iceland
-                          </option>
-                          <option
-                            value="IN"
-                          >
-                            India
-                          </option>
-                          <option
-                            value="ID"
-                          >
-                            Indonesia
-                          </option>
-                          <option
-                            value="IR"
-                          >
-                            Iran, Islamic Republic of
-                          </option>
-                          <option
-                            value="IQ"
-                          >
-                            Iraq
-                          </option>
-                          <option
-                            value="IE"
-                          >
-                            Ireland
-                          </option>
-                          <option
-                            value="IL"
-                          >
-                            Israel
-                          </option>
-                          <option
-                            value="IT"
-                          >
-                            Italy
-                          </option>
-                          <option
-                            value="JM"
-                          >
-                            Jamaica
-                          </option>
-                          <option
-                            value="JP"
-                          >
-                            Japan
-                          </option>
-                          <option
-                            value="JE"
-                          >
-                            Jersey
-                          </option>
-                          <option
-                            value="JO"
-                          >
-                            Jordan
-                          </option>
-                          <option
-                            value="KZ"
-                          >
-                            Kazakhstan
-                          </option>
-                          <option
-                            value="KE"
-                          >
-                            Kenya
-                          </option>
-                          <option
-                            value="KI"
-                          >
-                            Kiribati
-                          </option>
-                          <option
-                            value="KP"
-                          >
-                            Korea, Democratic People's Republic of
-                          </option>
-                          <option
-                            value="KR"
-                          >
-                            Korea, Republic of
-                          </option>
-                          <option
-                            value="XK"
-                          >
-                            Kosovo, Republic of
-                          </option>
-                          <option
-                            value="KW"
-                          >
-                            Kuwait
-                          </option>
-                          <option
-                            value="KG"
-                          >
-                            Kyrgyzstan
-                          </option>
-                          <option
-                            value="LA"
-                          >
-                            Lao People's Democratic Republic
-                          </option>
-                          <option
-                            value="LV"
-                          >
-                            Latvia
-                          </option>
-                          <option
-                            value="LB"
-                          >
-                            Lebanon
-                          </option>
-                          <option
-                            value="LS"
-                          >
-                            Lesotho
-                          </option>
-                          <option
-                            value="LR"
-                          >
-                            Liberia
-                          </option>
-                          <option
-                            value="LY"
-                          >
-                            Libya
-                          </option>
-                          <option
-                            value="LI"
-                          >
-                            Liechtenstein
-                          </option>
-                          <option
-                            value="LT"
-                          >
-                            Lithuania
-                          </option>
-                          <option
-                            value="LU"
-                          >
-                            Luxembourg
-                          </option>
-                          <option
-                            value="MO"
-                          >
-                            Macao
-                          </option>
-                          <option
-                            value="MK"
-                          >
-                            Macedonia, the former Yugoslav Republic of
-                          </option>
-                          <option
-                            value="MG"
-                          >
-                            Madagascar
-                          </option>
-                          <option
-                            value="MW"
-                          >
-                            Malawi
-                          </option>
-                          <option
-                            value="MY"
-                          >
-                            Malaysia
-                          </option>
-                          <option
-                            value="MV"
-                          >
-                            Maldives
-                          </option>
-                          <option
-                            value="ML"
-                          >
-                            Mali
-                          </option>
-                          <option
-                            value="MT"
-                          >
-                            Malta
-                          </option>
-                          <option
-                            value="MH"
-                          >
-                            Marshall Islands
-                          </option>
-                          <option
-                            value="MQ"
-                          >
-                            Martinique
-                          </option>
-                          <option
-                            value="MR"
-                          >
-                            Mauritania
-                          </option>
-                          <option
-                            value="MU"
-                          >
-                            Mauritius
-                          </option>
-                          <option
-                            value="YT"
-                          >
-                            Mayotte
-                          </option>
-                          <option
-                            value="MX"
-                          >
-                            Mexico
-                          </option>
-                          <option
-                            value="FM"
-                          >
-                            Micronesia, Federated States of
-                          </option>
-                          <option
-                            value="MD"
-                          >
-                            Moldova, Republic of
-                          </option>
-                          <option
-                            value="MC"
-                          >
-                            Monaco
-                          </option>
-                          <option
-                            value="MN"
-                          >
-                            Mongolia
-                          </option>
-                          <option
-                            value="ME"
-                          >
-                            Montenegro
-                          </option>
-                          <option
-                            value="MS"
-                          >
-                            Montserrat
-                          </option>
-                          <option
-                            value="MA"
-                          >
-                            Morocco
-                          </option>
-                          <option
-                            value="MZ"
-                          >
-                            Mozambique
-                          </option>
-                          <option
-                            value="MM"
-                          >
-                            Myanmar
-                          </option>
-                          <option
-                            value="NA"
-                          >
-                            Namibia
-                          </option>
-                          <option
-                            value="NR"
-                          >
-                            Nauru
-                          </option>
-                          <option
-                            value="NP"
-                          >
-                            Nepal
-                          </option>
-                          <option
-                            value="NL"
-                          >
-                            Netherlands
-                          </option>
-                          <option
-                            value="AN"
-                          >
-                            Netherlands Antilles
-                          </option>
-                          <option
-                            value="NC"
-                          >
-                            New Caledonia
-                          </option>
-                          <option
-                            value="NZ"
-                          >
-                            New Zealand
-                          </option>
-                          <option
-                            value="NI"
-                          >
-                            Nicaragua
-                          </option>
-                          <option
-                            value="NE"
-                          >
-                            Niger
-                          </option>
-                          <option
-                            value="NG"
-                          >
-                            Nigeria
-                          </option>
-                          <option
-                            value="NU"
-                          >
-                            Niue
-                          </option>
-                          <option
-                            value="NF"
-                          >
-                            Norfolk Island
-                          </option>
-                          <option
-                            value="MP"
-                          >
-                            Northern Mariana Islands
-                          </option>
-                          <option
-                            value="NO"
-                          >
-                            Norway
-                          </option>
-                          <option
-                            value="OM"
-                          >
-                            Oman
-                          </option>
-                          <option
-                            value="PK"
-                          >
-                            Pakistan
-                          </option>
-                          <option
-                            value="PW"
-                          >
-                            Palau
-                          </option>
-                          <option
-                            value="PS"
-                          >
-                            Palestine, State of
-                          </option>
-                          <option
-                            value="PA"
-                          >
-                            Panama
-                          </option>
-                          <option
-                            value="PG"
-                          >
-                            Papua New Guinea
-                          </option>
-                          <option
-                            value="PY"
-                          >
-                            Paraguay
-                          </option>
-                          <option
-                            value="PE"
-                          >
-                            Peru
-                          </option>
-                          <option
-                            value="PH"
-                          >
-                            Philippines
-                          </option>
-                          <option
-                            value="PN"
-                          >
-                            Pitcairn
-                          </option>
-                          <option
-                            value="PL"
-                          >
-                            Poland
-                          </option>
-                          <option
-                            value="PT"
-                          >
-                            Portugal
-                          </option>
-                          <option
-                            value="PR"
-                          >
-                            Puerto Rico
-                          </option>
-                          <option
-                            value="QA"
-                          >
-                            Qatar
-                          </option>
-                          <option
-                            value="RO"
-                          >
-                            Romania
-                          </option>
-                          <option
-                            value="RU"
-                          >
-                            Russian Federation
-                          </option>
-                          <option
-                            value="RW"
-                          >
-                            Rwanda
-                          </option>
-                          <option
-                            value="RE"
-                          >
-                            Réunion
-                          </option>
-                          <option
-                            value="SH"
-                          >
-                            Saint Helena, Ascension and Tristan da Cunha
-                          </option>
-                          <option
-                            value="KN"
-                          >
-                            Saint Kitts and Nevis
-                          </option>
-                          <option
-                            value="LC"
-                          >
-                            Saint Lucia
-                          </option>
-                          <option
-                            value="PM"
-                          >
-                            Saint Pierre and Miquelon
-                          </option>
-                          <option
-                            value="VC"
-                          >
-                            Saint Vincent and the Grenadines
-                          </option>
-                          <option
-                            value="WS"
-                          >
-                            Samoa
-                          </option>
-                          <option
-                            value="SM"
-                          >
-                            San Marino
-                          </option>
-                          <option
-                            value="SA"
-                          >
-                            Saudi Arabia
-                          </option>
-                          <option
-                            value="SN"
-                          >
-                            Senegal
-                          </option>
-                          <option
-                            value="RS"
-                          >
-                            Serbia
-                          </option>
-                          <option
-                            value="SC"
-                          >
-                            Seychelles
-                          </option>
-                          <option
-                            value="SL"
-                          >
-                            Sierra Leone
-                          </option>
-                          <option
-                            value="SG"
-                          >
-                            Singapore
-                          </option>
-                          <option
-                            value="SK"
-                          >
-                            Slovakia
-                          </option>
-                          <option
-                            value="SI"
-                          >
-                            Slovenia
-                          </option>
-                          <option
-                            value="SB"
-                          >
-                            Solomon Islands
-                          </option>
-                          <option
-                            value="SO"
-                          >
-                            Somalia
-                          </option>
-                          <option
-                            value="ZA"
-                          >
-                            South Africa
-                          </option>
-                          <option
-                            value="GS"
-                          >
-                            South Georgia and the South Sandwich Islands
-                          </option>
-                          <option
-                            value="SS"
-                          >
-                            South Sudan
-                          </option>
-                          <option
-                            value="ES"
-                          >
-                            Spain
-                          </option>
-                          <option
-                            value="LK"
-                          >
-                            Sri Lanka
-                          </option>
-                          <option
-                            value="SD"
-                          >
-                            Sudan
-                          </option>
-                          <option
-                            value="SR"
-                          >
-                            Suriname
-                          </option>
-                          <option
-                            value="SJ"
-                          >
-                            Svalbard and Jan Mayen
-                          </option>
-                          <option
-                            value="SZ"
-                          >
-                            Swaziland
-                          </option>
-                          <option
-                            value="SE"
-                          >
-                            Sweden
-                          </option>
-                          <option
-                            value="CH"
-                          >
-                            Switzerland
-                          </option>
-                          <option
-                            value="SY"
-                          >
-                            Syrian Arab Republic
-                          </option>
-                          <option
-                            value="ST"
-                          >
-                            São Tomé and Príncipe
-                          </option>
-                          <option
-                            value="TW"
-                          >
-                            Taiwan
-                          </option>
-                          <option
-                            value="TJ"
-                          >
-                            Tajikistan
-                          </option>
-                          <option
-                            value="TZ"
-                          >
-                            Tanzania, United Republic of
-                          </option>
-                          <option
-                            value="TH"
-                          >
-                            Thailand
-                          </option>
-                          <option
-                            value="TL"
-                          >
-                            Timor-Leste
-                          </option>
-                          <option
-                            value="TG"
-                          >
-                            Togo
-                          </option>
-                          <option
-                            value="TK"
-                          >
-                            Tokelau
-                          </option>
-                          <option
-                            value="TO"
-                          >
-                            Tonga
-                          </option>
-                          <option
-                            value="TT"
-                          >
-                            Trinidad and Tobago
-                          </option>
-                          <option
-                            value="TN"
-                          >
-                            Tunisia
-                          </option>
-                          <option
-                            value="TR"
-                          >
-                            Turkey
-                          </option>
-                          <option
-                            value="TM"
-                          >
-                            Turkmenistan
-                          </option>
-                          <option
-                            value="TC"
-                          >
-                            Turks and Caicos Islands
-                          </option>
-                          <option
-                            value="TV"
-                          >
-                            Tuvalu
-                          </option>
-                          <option
-                            value="UG"
-                          >
-                            Uganda
-                          </option>
-                          <option
-                            value="UA"
-                          >
-                            Ukraine
-                          </option>
-                          <option
-                            value="AE"
-                          >
-                            United Arab Emirates
-                          </option>
-                          <option
-                            value="GB"
-                          >
-                            United Kingdom
-                          </option>
-                          <option
-                            value="US"
-                          >
-                            United States
-                          </option>
-                          <option
-                            value="UM"
-                          >
-                            United States Minor Outlying Islands
-                          </option>
-                          <option
-                            value="UY"
-                          >
-                            Uruguay
-                          </option>
-                          <option
-                            value="UZ"
-                          >
-                            Uzbekistan
-                          </option>
-                          <option
-                            value="VU"
-                          >
-                            Vanuatu
-                          </option>
-                          <option
-                            value="VE"
-                          >
-                            Venezuela, Bolivarian Republic of
-                          </option>
-                          <option
-                            value="VN"
-                          >
-                            Viet Nam
-                          </option>
-                          <option
-                            value="VG"
-                          >
-                            Virgin Islands, British
-                          </option>
-                          <option
-                            value="VI"
-                          >
-                            Virgin Islands, U.S.
-                          </option>
-                          <option
-                            value="WF"
-                          >
-                            Wallis and Futuna
-                          </option>
-                          <option
-                            value="EH"
-                          >
-                            Western Sahara
-                          </option>
-                          <option
-                            value="YE"
-                          >
-                            Yemen
-                          </option>
-                          <option
-                            value="ZM"
-                          >
-                            Zambia
-                          </option>
-                          <option
-                            value="ZW"
-                          >
-                            Zimbabwe
-                          </option>
-                          <option
-                            value="AX"
-                          >
-                            Åland Islands
-                          </option>
-                        </select>
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-24"
-                          data-testid="ArrowDropDownIcon"
-                          focusable="false"
-                          viewBox="0 0 24 24"
+                            <option
+                              value="AF"
+                            >
+                              Afghanistan
+                            </option>
+                            <option
+                              value="AL"
+                            >
+                              Albania
+                            </option>
+                            <option
+                              value="DZ"
+                            >
+                              Algeria
+                            </option>
+                            <option
+                              value="AS"
+                            >
+                              American Samoa
+                            </option>
+                            <option
+                              value="AD"
+                            >
+                              Andorra
+                            </option>
+                            <option
+                              value="AO"
+                            >
+                              Angola
+                            </option>
+                            <option
+                              value="AI"
+                            >
+                              Anguilla
+                            </option>
+                            <option
+                              value="AQ"
+                            >
+                              Antarctica
+                            </option>
+                            <option
+                              value="AG"
+                            >
+                              Antigua and Barbuda
+                            </option>
+                            <option
+                              value="AR"
+                            >
+                              Argentina
+                            </option>
+                            <option
+                              value="AM"
+                            >
+                              Armenia
+                            </option>
+                            <option
+                              value="AW"
+                            >
+                              Aruba
+                            </option>
+                            <option
+                              value="AU"
+                            >
+                              Australia
+                            </option>
+                            <option
+                              value="AT"
+                            >
+                              Austria
+                            </option>
+                            <option
+                              value="AZ"
+                            >
+                              Azerbaijan
+                            </option>
+                            <option
+                              value="BS"
+                            >
+                              Bahamas
+                            </option>
+                            <option
+                              value="BH"
+                            >
+                              Bahrain
+                            </option>
+                            <option
+                              value="BD"
+                            >
+                              Bangladesh
+                            </option>
+                            <option
+                              value="BB"
+                            >
+                              Barbados
+                            </option>
+                            <option
+                              value="BY"
+                            >
+                              Belarus
+                            </option>
+                            <option
+                              value="BE"
+                            >
+                              Belgium
+                            </option>
+                            <option
+                              value="BZ"
+                            >
+                              Belize
+                            </option>
+                            <option
+                              value="BJ"
+                            >
+                              Benin
+                            </option>
+                            <option
+                              value="BM"
+                            >
+                              Bermuda
+                            </option>
+                            <option
+                              value="BT"
+                            >
+                              Bhutan
+                            </option>
+                            <option
+                              value="BO"
+                            >
+                              Bolivia, Plurinational State of
+                            </option>
+                            <option
+                              value="BA"
+                            >
+                              Bosnia and Herzegovina
+                            </option>
+                            <option
+                              value="BW"
+                            >
+                              Botswana
+                            </option>
+                            <option
+                              value="BR"
+                            >
+                              Brazil
+                            </option>
+                            <option
+                              value="IO"
+                            >
+                              British Indian Ocean Territory
+                            </option>
+                            <option
+                              value="BN"
+                            >
+                              Brunei Darussalam
+                            </option>
+                            <option
+                              value="BG"
+                            >
+                              Bulgaria
+                            </option>
+                            <option
+                              value="BF"
+                            >
+                              Burkina Faso
+                            </option>
+                            <option
+                              value="BI"
+                            >
+                              Burundi
+                            </option>
+                            <option
+                              value="KH"
+                            >
+                              Cambodia
+                            </option>
+                            <option
+                              value="CM"
+                            >
+                              Cameroon
+                            </option>
+                            <option
+                              value="CA"
+                            >
+                              Canada
+                            </option>
+                            <option
+                              value="CV"
+                            >
+                              Cape Verde
+                            </option>
+                            <option
+                              value="KY"
+                            >
+                              Cayman Islands
+                            </option>
+                            <option
+                              value="CF"
+                            >
+                              Central African Republic
+                            </option>
+                            <option
+                              value="TD"
+                            >
+                              Chad
+                            </option>
+                            <option
+                              value="CL"
+                            >
+                              Chile
+                            </option>
+                            <option
+                              value="CN"
+                            >
+                              China
+                            </option>
+                            <option
+                              value="CX"
+                            >
+                              Christmas Island
+                            </option>
+                            <option
+                              value="CO"
+                            >
+                              Colombia
+                            </option>
+                            <option
+                              value="KM"
+                            >
+                              Comoros
+                            </option>
+                            <option
+                              value="CG"
+                            >
+                              Congo
+                            </option>
+                            <option
+                              value="CD"
+                            >
+                              Congo, the Democratic Republic of the
+                            </option>
+                            <option
+                              value="CK"
+                            >
+                              Cook Islands
+                            </option>
+                            <option
+                              value="CR"
+                            >
+                              Costa Rica
+                            </option>
+                            <option
+                              value="HR"
+                            >
+                              Croatia
+                            </option>
+                            <option
+                              value="CU"
+                            >
+                              Cuba
+                            </option>
+                            <option
+                              value="CY"
+                            >
+                              Cyprus
+                            </option>
+                            <option
+                              value="CZ"
+                            >
+                              Czech Republic
+                            </option>
+                            <option
+                              value="CI"
+                            >
+                              Côte d'Ivoire
+                            </option>
+                            <option
+                              value="DK"
+                            >
+                              Denmark
+                            </option>
+                            <option
+                              value="DJ"
+                            >
+                              Djibouti
+                            </option>
+                            <option
+                              value="DM"
+                            >
+                              Dominica
+                            </option>
+                            <option
+                              value="DO"
+                            >
+                              Dominican Republic
+                            </option>
+                            <option
+                              value="EC"
+                            >
+                              Ecuador
+                            </option>
+                            <option
+                              value="EG"
+                            >
+                              Egypt
+                            </option>
+                            <option
+                              value="SV"
+                            >
+                              El Salvador
+                            </option>
+                            <option
+                              value="GQ"
+                            >
+                              Equatorial Guinea
+                            </option>
+                            <option
+                              value="ER"
+                            >
+                              Eritrea
+                            </option>
+                            <option
+                              value="EE"
+                            >
+                              Estonia
+                            </option>
+                            <option
+                              value="ET"
+                            >
+                              Ethiopia
+                            </option>
+                            <option
+                              value="FK"
+                            >
+                              Falkland Islands (Malvinas)
+                            </option>
+                            <option
+                              value="FO"
+                            >
+                              Faroe Islands
+                            </option>
+                            <option
+                              value="FJ"
+                            >
+                              Fiji
+                            </option>
+                            <option
+                              value="FI"
+                            >
+                              Finland
+                            </option>
+                            <option
+                              value="FR"
+                            >
+                              France
+                            </option>
+                            <option
+                              value="GF"
+                            >
+                              French Guiana
+                            </option>
+                            <option
+                              value="PF"
+                            >
+                              French Polynesia
+                            </option>
+                            <option
+                              value="GA"
+                            >
+                              Gabon
+                            </option>
+                            <option
+                              value="GM"
+                            >
+                              Gambia
+                            </option>
+                            <option
+                              value="GE"
+                            >
+                              Georgia
+                            </option>
+                            <option
+                              value="DE"
+                            >
+                              Germany
+                            </option>
+                            <option
+                              value="GH"
+                            >
+                              Ghana
+                            </option>
+                            <option
+                              value="GI"
+                            >
+                              Gibraltar
+                            </option>
+                            <option
+                              value="GR"
+                            >
+                              Greece
+                            </option>
+                            <option
+                              value="GL"
+                            >
+                              Greenland
+                            </option>
+                            <option
+                              value="GD"
+                            >
+                              Grenada
+                            </option>
+                            <option
+                              value="GP"
+                            >
+                              Guadeloupe
+                            </option>
+                            <option
+                              value="GU"
+                            >
+                              Guam
+                            </option>
+                            <option
+                              value="GT"
+                            >
+                              Guatemala
+                            </option>
+                            <option
+                              value="GG"
+                            >
+                              Guernsey
+                            </option>
+                            <option
+                              value="GN"
+                            >
+                              Guinea
+                            </option>
+                            <option
+                              value="GW"
+                            >
+                              Guinea-Bissau
+                            </option>
+                            <option
+                              value="GY"
+                            >
+                              Guyana
+                            </option>
+                            <option
+                              value="HT"
+                            >
+                              Haiti
+                            </option>
+                            <option
+                              value="VA"
+                            >
+                              Holy See (Vatican City State)
+                            </option>
+                            <option
+                              value="HN"
+                            >
+                              Honduras
+                            </option>
+                            <option
+                              value="HK"
+                            >
+                              Hong Kong
+                            </option>
+                            <option
+                              value="HU"
+                            >
+                              Hungary
+                            </option>
+                            <option
+                              value="IS"
+                            >
+                              Iceland
+                            </option>
+                            <option
+                              value="IN"
+                            >
+                              India
+                            </option>
+                            <option
+                              value="ID"
+                            >
+                              Indonesia
+                            </option>
+                            <option
+                              value="IR"
+                            >
+                              Iran, Islamic Republic of
+                            </option>
+                            <option
+                              value="IQ"
+                            >
+                              Iraq
+                            </option>
+                            <option
+                              value="IE"
+                            >
+                              Ireland
+                            </option>
+                            <option
+                              value="IL"
+                            >
+                              Israel
+                            </option>
+                            <option
+                              value="IT"
+                            >
+                              Italy
+                            </option>
+                            <option
+                              value="JM"
+                            >
+                              Jamaica
+                            </option>
+                            <option
+                              value="JP"
+                            >
+                              Japan
+                            </option>
+                            <option
+                              value="JE"
+                            >
+                              Jersey
+                            </option>
+                            <option
+                              value="JO"
+                            >
+                              Jordan
+                            </option>
+                            <option
+                              value="KZ"
+                            >
+                              Kazakhstan
+                            </option>
+                            <option
+                              value="KE"
+                            >
+                              Kenya
+                            </option>
+                            <option
+                              value="KI"
+                            >
+                              Kiribati
+                            </option>
+                            <option
+                              value="KP"
+                            >
+                              Korea, Democratic People's Republic of
+                            </option>
+                            <option
+                              value="KR"
+                            >
+                              Korea, Republic of
+                            </option>
+                            <option
+                              value="XK"
+                            >
+                              Kosovo, Republic of
+                            </option>
+                            <option
+                              value="KW"
+                            >
+                              Kuwait
+                            </option>
+                            <option
+                              value="KG"
+                            >
+                              Kyrgyzstan
+                            </option>
+                            <option
+                              value="LA"
+                            >
+                              Lao People's Democratic Republic
+                            </option>
+                            <option
+                              value="LV"
+                            >
+                              Latvia
+                            </option>
+                            <option
+                              value="LB"
+                            >
+                              Lebanon
+                            </option>
+                            <option
+                              value="LS"
+                            >
+                              Lesotho
+                            </option>
+                            <option
+                              value="LR"
+                            >
+                              Liberia
+                            </option>
+                            <option
+                              value="LY"
+                            >
+                              Libya
+                            </option>
+                            <option
+                              value="LI"
+                            >
+                              Liechtenstein
+                            </option>
+                            <option
+                              value="LT"
+                            >
+                              Lithuania
+                            </option>
+                            <option
+                              value="LU"
+                            >
+                              Luxembourg
+                            </option>
+                            <option
+                              value="MO"
+                            >
+                              Macao
+                            </option>
+                            <option
+                              value="MK"
+                            >
+                              Macedonia, the former Yugoslav Republic of
+                            </option>
+                            <option
+                              value="MG"
+                            >
+                              Madagascar
+                            </option>
+                            <option
+                              value="MW"
+                            >
+                              Malawi
+                            </option>
+                            <option
+                              value="MY"
+                            >
+                              Malaysia
+                            </option>
+                            <option
+                              value="MV"
+                            >
+                              Maldives
+                            </option>
+                            <option
+                              value="ML"
+                            >
+                              Mali
+                            </option>
+                            <option
+                              value="MT"
+                            >
+                              Malta
+                            </option>
+                            <option
+                              value="MH"
+                            >
+                              Marshall Islands
+                            </option>
+                            <option
+                              value="MQ"
+                            >
+                              Martinique
+                            </option>
+                            <option
+                              value="MR"
+                            >
+                              Mauritania
+                            </option>
+                            <option
+                              value="MU"
+                            >
+                              Mauritius
+                            </option>
+                            <option
+                              value="YT"
+                            >
+                              Mayotte
+                            </option>
+                            <option
+                              value="MX"
+                            >
+                              Mexico
+                            </option>
+                            <option
+                              value="FM"
+                            >
+                              Micronesia, Federated States of
+                            </option>
+                            <option
+                              value="MD"
+                            >
+                              Moldova, Republic of
+                            </option>
+                            <option
+                              value="MC"
+                            >
+                              Monaco
+                            </option>
+                            <option
+                              value="MN"
+                            >
+                              Mongolia
+                            </option>
+                            <option
+                              value="ME"
+                            >
+                              Montenegro
+                            </option>
+                            <option
+                              value="MS"
+                            >
+                              Montserrat
+                            </option>
+                            <option
+                              value="MA"
+                            >
+                              Morocco
+                            </option>
+                            <option
+                              value="MZ"
+                            >
+                              Mozambique
+                            </option>
+                            <option
+                              value="MM"
+                            >
+                              Myanmar
+                            </option>
+                            <option
+                              value="NA"
+                            >
+                              Namibia
+                            </option>
+                            <option
+                              value="NR"
+                            >
+                              Nauru
+                            </option>
+                            <option
+                              value="NP"
+                            >
+                              Nepal
+                            </option>
+                            <option
+                              value="NL"
+                            >
+                              Netherlands
+                            </option>
+                            <option
+                              value="AN"
+                            >
+                              Netherlands Antilles
+                            </option>
+                            <option
+                              value="NC"
+                            >
+                              New Caledonia
+                            </option>
+                            <option
+                              value="NZ"
+                            >
+                              New Zealand
+                            </option>
+                            <option
+                              value="NI"
+                            >
+                              Nicaragua
+                            </option>
+                            <option
+                              value="NE"
+                            >
+                              Niger
+                            </option>
+                            <option
+                              value="NG"
+                            >
+                              Nigeria
+                            </option>
+                            <option
+                              value="NU"
+                            >
+                              Niue
+                            </option>
+                            <option
+                              value="NF"
+                            >
+                              Norfolk Island
+                            </option>
+                            <option
+                              value="MP"
+                            >
+                              Northern Mariana Islands
+                            </option>
+                            <option
+                              value="NO"
+                            >
+                              Norway
+                            </option>
+                            <option
+                              value="OM"
+                            >
+                              Oman
+                            </option>
+                            <option
+                              value="PK"
+                            >
+                              Pakistan
+                            </option>
+                            <option
+                              value="PW"
+                            >
+                              Palau
+                            </option>
+                            <option
+                              value="PS"
+                            >
+                              Palestine, State of
+                            </option>
+                            <option
+                              value="PA"
+                            >
+                              Panama
+                            </option>
+                            <option
+                              value="PG"
+                            >
+                              Papua New Guinea
+                            </option>
+                            <option
+                              value="PY"
+                            >
+                              Paraguay
+                            </option>
+                            <option
+                              value="PE"
+                            >
+                              Peru
+                            </option>
+                            <option
+                              value="PH"
+                            >
+                              Philippines
+                            </option>
+                            <option
+                              value="PN"
+                            >
+                              Pitcairn
+                            </option>
+                            <option
+                              value="PL"
+                            >
+                              Poland
+                            </option>
+                            <option
+                              value="PT"
+                            >
+                              Portugal
+                            </option>
+                            <option
+                              value="PR"
+                            >
+                              Puerto Rico
+                            </option>
+                            <option
+                              value="QA"
+                            >
+                              Qatar
+                            </option>
+                            <option
+                              value="RO"
+                            >
+                              Romania
+                            </option>
+                            <option
+                              value="RU"
+                            >
+                              Russian Federation
+                            </option>
+                            <option
+                              value="RW"
+                            >
+                              Rwanda
+                            </option>
+                            <option
+                              value="RE"
+                            >
+                              Réunion
+                            </option>
+                            <option
+                              value="SH"
+                            >
+                              Saint Helena, Ascension and Tristan da Cunha
+                            </option>
+                            <option
+                              value="KN"
+                            >
+                              Saint Kitts and Nevis
+                            </option>
+                            <option
+                              value="LC"
+                            >
+                              Saint Lucia
+                            </option>
+                            <option
+                              value="PM"
+                            >
+                              Saint Pierre and Miquelon
+                            </option>
+                            <option
+                              value="VC"
+                            >
+                              Saint Vincent and the Grenadines
+                            </option>
+                            <option
+                              value="WS"
+                            >
+                              Samoa
+                            </option>
+                            <option
+                              value="SM"
+                            >
+                              San Marino
+                            </option>
+                            <option
+                              value="SA"
+                            >
+                              Saudi Arabia
+                            </option>
+                            <option
+                              value="SN"
+                            >
+                              Senegal
+                            </option>
+                            <option
+                              value="RS"
+                            >
+                              Serbia
+                            </option>
+                            <option
+                              value="SC"
+                            >
+                              Seychelles
+                            </option>
+                            <option
+                              value="SL"
+                            >
+                              Sierra Leone
+                            </option>
+                            <option
+                              value="SG"
+                            >
+                              Singapore
+                            </option>
+                            <option
+                              value="SK"
+                            >
+                              Slovakia
+                            </option>
+                            <option
+                              value="SI"
+                            >
+                              Slovenia
+                            </option>
+                            <option
+                              value="SB"
+                            >
+                              Solomon Islands
+                            </option>
+                            <option
+                              value="SO"
+                            >
+                              Somalia
+                            </option>
+                            <option
+                              value="ZA"
+                            >
+                              South Africa
+                            </option>
+                            <option
+                              value="GS"
+                            >
+                              South Georgia and the South Sandwich Islands
+                            </option>
+                            <option
+                              value="SS"
+                            >
+                              South Sudan
+                            </option>
+                            <option
+                              value="ES"
+                            >
+                              Spain
+                            </option>
+                            <option
+                              value="LK"
+                            >
+                              Sri Lanka
+                            </option>
+                            <option
+                              value="SD"
+                            >
+                              Sudan
+                            </option>
+                            <option
+                              value="SR"
+                            >
+                              Suriname
+                            </option>
+                            <option
+                              value="SJ"
+                            >
+                              Svalbard and Jan Mayen
+                            </option>
+                            <option
+                              value="SZ"
+                            >
+                              Swaziland
+                            </option>
+                            <option
+                              value="SE"
+                            >
+                              Sweden
+                            </option>
+                            <option
+                              value="CH"
+                            >
+                              Switzerland
+                            </option>
+                            <option
+                              value="SY"
+                            >
+                              Syrian Arab Republic
+                            </option>
+                            <option
+                              value="ST"
+                            >
+                              São Tomé and Príncipe
+                            </option>
+                            <option
+                              value="TW"
+                            >
+                              Taiwan
+                            </option>
+                            <option
+                              value="TJ"
+                            >
+                              Tajikistan
+                            </option>
+                            <option
+                              value="TZ"
+                            >
+                              Tanzania, United Republic of
+                            </option>
+                            <option
+                              value="TH"
+                            >
+                              Thailand
+                            </option>
+                            <option
+                              value="TL"
+                            >
+                              Timor-Leste
+                            </option>
+                            <option
+                              value="TG"
+                            >
+                              Togo
+                            </option>
+                            <option
+                              value="TK"
+                            >
+                              Tokelau
+                            </option>
+                            <option
+                              value="TO"
+                            >
+                              Tonga
+                            </option>
+                            <option
+                              value="TT"
+                            >
+                              Trinidad and Tobago
+                            </option>
+                            <option
+                              value="TN"
+                            >
+                              Tunisia
+                            </option>
+                            <option
+                              value="TR"
+                            >
+                              Turkey
+                            </option>
+                            <option
+                              value="TM"
+                            >
+                              Turkmenistan
+                            </option>
+                            <option
+                              value="TC"
+                            >
+                              Turks and Caicos Islands
+                            </option>
+                            <option
+                              value="TV"
+                            >
+                              Tuvalu
+                            </option>
+                            <option
+                              value="UG"
+                            >
+                              Uganda
+                            </option>
+                            <option
+                              value="UA"
+                            >
+                              Ukraine
+                            </option>
+                            <option
+                              value="AE"
+                            >
+                              United Arab Emirates
+                            </option>
+                            <option
+                              value="GB"
+                            >
+                              United Kingdom
+                            </option>
+                            <option
+                              value="US"
+                            >
+                              United States
+                            </option>
+                            <option
+                              value="UM"
+                            >
+                              United States Minor Outlying Islands
+                            </option>
+                            <option
+                              value="UY"
+                            >
+                              Uruguay
+                            </option>
+                            <option
+                              value="UZ"
+                            >
+                              Uzbekistan
+                            </option>
+                            <option
+                              value="VU"
+                            >
+                              Vanuatu
+                            </option>
+                            <option
+                              value="VE"
+                            >
+                              Venezuela, Bolivarian Republic of
+                            </option>
+                            <option
+                              value="VN"
+                            >
+                              Viet Nam
+                            </option>
+                            <option
+                              value="VG"
+                            >
+                              Virgin Islands, British
+                            </option>
+                            <option
+                              value="VI"
+                            >
+                              Virgin Islands, U.S.
+                            </option>
+                            <option
+                              value="WF"
+                            >
+                              Wallis and Futuna
+                            </option>
+                            <option
+                              value="EH"
+                            >
+                              Western Sahara
+                            </option>
+                            <option
+                              value="YE"
+                            >
+                              Yemen
+                            </option>
+                            <option
+                              value="ZM"
+                            >
+                              Zambia
+                            </option>
+                            <option
+                              value="ZW"
+                            >
+                              Zimbabwe
+                            </option>
+                            <option
+                              value="AX"
+                            >
+                              Åland Islands
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-25"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-26"
+                        dir="ltr"
+                      >
+                        <div
+                          class="MuiBox-root emotion-27"
+                        >
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                            data-shrink="false"
+                            dir="ltr"
+                            for="phoneNumber"
+                          >
+                            Phone number
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-29"
+                            dir="ltr"
+                            required="true"
+                          >
+                            <span
+                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-30"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                +1
+                              </p>
+                            </span>
+                            <input
+                              aria-invalid="false"
+                              autocomplete="tel-national"
+                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-32"
+                              data-se="phoneNumber"
+                              id="phoneNumber"
+                              inputmode="tel"
+                              name="phoneNumber"
+                              required=""
+                              type="tel"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-35"
+                        data-se="o-form-explain"
+                        id="enrollment-channel-data_Description_Make_sure_you_can_access_the_text_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
+                      >
+                        Make sure you can access the text on your mobile device.
+                      </p>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-37"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send me the setup link
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      Or 
+                      <a
+                        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-40"
+                        href="#"
+                      >
+                        try a different way
+                      </a>
+                       to set up Okta Verify.
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+</div>
+`;
+
+exports[`okta-verify-sms-channel-enrollment should render sms channel form without an auto focused element when autoFocus is disabled 1`] = `
+<div>
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
+  >
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
+    >
+      <div
+        class="MuiScopedCssBaseline-root emotion-2"
+      >
+        <div
+          class="MuiBox-root emotion-3"
+        >
+          <div
+            class="MuiBox-root emotion-4"
+          >
+            <div
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-verify MuiBox-root emotion-7"
+                data-se="factor-beacon"
+              >
+                <svg
+                  aria-labelledby="mfa-okta-verify"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <title
+                    id="mfa-okta-verify"
+                  >
+                    Okta Verify
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    clip-rule="evenodd"
+                    d="M32.872 22.853a8.947 8.947 0 1 1-2.288-4.91L24 24.498l-3.205-3.19c-.482-.48-1.322-.48-1.804 0a1.26 1.26 0 0 0-.374.898c0 .34.133.659.374.898l4.107 4.09c.24.239.561.371.902.371.336 0 .664-.136.902-.372L38.636 13.52a18.089 18.089 0 0 0-1.634-1.967A17.947 17.947 0 0 0 24 6C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18c0-2.972-.722-5.775-1.998-8.245l-7.13 7.098Z"
+                    fill="#00297A"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </div>
+            </div>
+            <div
+              class="MuiBox-root emotion-8"
+            >
+              <div
+                class="identifier-container MuiBox-root emotion-9"
+              >
+                <div
+                  class="MuiBox-root emotion-10"
+                >
+                  <span
+                    class="MuiBox-root emotion-11"
+                  >
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester2@test.com"
+                  >
+                    tester2@test.com
+                  </span>
+                </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
+                <div
+                  class="MuiBox-root emotion-15"
+                >
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-17"
+                    >
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enrollment-channel-data_Title_Set_up_Okta_Verify_via_SMS_okta_verify_aut2h3fft4y9pDPCS1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up Okta Verify via SMS
+                      </h2>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-1"
+                    >
+                      <div
+                        class="MuiBox-root emotion-16"
+                      >
+                        <label
+                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                          data-shrink="false"
+                          for="country"
+                          id="countryLabel"
+                        >
+                          Country
+                        </label>
+                        <div
+                          class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary  emotion-23"
+                          required="true"
                         >
-                          <path
-                            d="M7 10l5 5 5-5z"
-                          />
-                        </svg>
+                          <select
+                            autocomplete="tel-country-code"
+                            class="MuiNativeSelect-select MuiNativeSelect-standard MuiInputBase-input MuiInput-input emotion-24"
+                            data-se="country"
+                            id="country"
+                            required=""
+                          >
+                            <option
+                              value="AF"
+                            >
+                              Afghanistan
+                            </option>
+                            <option
+                              value="AL"
+                            >
+                              Albania
+                            </option>
+                            <option
+                              value="DZ"
+                            >
+                              Algeria
+                            </option>
+                            <option
+                              value="AS"
+                            >
+                              American Samoa
+                            </option>
+                            <option
+                              value="AD"
+                            >
+                              Andorra
+                            </option>
+                            <option
+                              value="AO"
+                            >
+                              Angola
+                            </option>
+                            <option
+                              value="AI"
+                            >
+                              Anguilla
+                            </option>
+                            <option
+                              value="AQ"
+                            >
+                              Antarctica
+                            </option>
+                            <option
+                              value="AG"
+                            >
+                              Antigua and Barbuda
+                            </option>
+                            <option
+                              value="AR"
+                            >
+                              Argentina
+                            </option>
+                            <option
+                              value="AM"
+                            >
+                              Armenia
+                            </option>
+                            <option
+                              value="AW"
+                            >
+                              Aruba
+                            </option>
+                            <option
+                              value="AU"
+                            >
+                              Australia
+                            </option>
+                            <option
+                              value="AT"
+                            >
+                              Austria
+                            </option>
+                            <option
+                              value="AZ"
+                            >
+                              Azerbaijan
+                            </option>
+                            <option
+                              value="BS"
+                            >
+                              Bahamas
+                            </option>
+                            <option
+                              value="BH"
+                            >
+                              Bahrain
+                            </option>
+                            <option
+                              value="BD"
+                            >
+                              Bangladesh
+                            </option>
+                            <option
+                              value="BB"
+                            >
+                              Barbados
+                            </option>
+                            <option
+                              value="BY"
+                            >
+                              Belarus
+                            </option>
+                            <option
+                              value="BE"
+                            >
+                              Belgium
+                            </option>
+                            <option
+                              value="BZ"
+                            >
+                              Belize
+                            </option>
+                            <option
+                              value="BJ"
+                            >
+                              Benin
+                            </option>
+                            <option
+                              value="BM"
+                            >
+                              Bermuda
+                            </option>
+                            <option
+                              value="BT"
+                            >
+                              Bhutan
+                            </option>
+                            <option
+                              value="BO"
+                            >
+                              Bolivia, Plurinational State of
+                            </option>
+                            <option
+                              value="BA"
+                            >
+                              Bosnia and Herzegovina
+                            </option>
+                            <option
+                              value="BW"
+                            >
+                              Botswana
+                            </option>
+                            <option
+                              value="BR"
+                            >
+                              Brazil
+                            </option>
+                            <option
+                              value="IO"
+                            >
+                              British Indian Ocean Territory
+                            </option>
+                            <option
+                              value="BN"
+                            >
+                              Brunei Darussalam
+                            </option>
+                            <option
+                              value="BG"
+                            >
+                              Bulgaria
+                            </option>
+                            <option
+                              value="BF"
+                            >
+                              Burkina Faso
+                            </option>
+                            <option
+                              value="BI"
+                            >
+                              Burundi
+                            </option>
+                            <option
+                              value="KH"
+                            >
+                              Cambodia
+                            </option>
+                            <option
+                              value="CM"
+                            >
+                              Cameroon
+                            </option>
+                            <option
+                              value="CA"
+                            >
+                              Canada
+                            </option>
+                            <option
+                              value="CV"
+                            >
+                              Cape Verde
+                            </option>
+                            <option
+                              value="KY"
+                            >
+                              Cayman Islands
+                            </option>
+                            <option
+                              value="CF"
+                            >
+                              Central African Republic
+                            </option>
+                            <option
+                              value="TD"
+                            >
+                              Chad
+                            </option>
+                            <option
+                              value="CL"
+                            >
+                              Chile
+                            </option>
+                            <option
+                              value="CN"
+                            >
+                              China
+                            </option>
+                            <option
+                              value="CX"
+                            >
+                              Christmas Island
+                            </option>
+                            <option
+                              value="CO"
+                            >
+                              Colombia
+                            </option>
+                            <option
+                              value="KM"
+                            >
+                              Comoros
+                            </option>
+                            <option
+                              value="CG"
+                            >
+                              Congo
+                            </option>
+                            <option
+                              value="CD"
+                            >
+                              Congo, the Democratic Republic of the
+                            </option>
+                            <option
+                              value="CK"
+                            >
+                              Cook Islands
+                            </option>
+                            <option
+                              value="CR"
+                            >
+                              Costa Rica
+                            </option>
+                            <option
+                              value="HR"
+                            >
+                              Croatia
+                            </option>
+                            <option
+                              value="CU"
+                            >
+                              Cuba
+                            </option>
+                            <option
+                              value="CY"
+                            >
+                              Cyprus
+                            </option>
+                            <option
+                              value="CZ"
+                            >
+                              Czech Republic
+                            </option>
+                            <option
+                              value="CI"
+                            >
+                              Côte d'Ivoire
+                            </option>
+                            <option
+                              value="DK"
+                            >
+                              Denmark
+                            </option>
+                            <option
+                              value="DJ"
+                            >
+                              Djibouti
+                            </option>
+                            <option
+                              value="DM"
+                            >
+                              Dominica
+                            </option>
+                            <option
+                              value="DO"
+                            >
+                              Dominican Republic
+                            </option>
+                            <option
+                              value="EC"
+                            >
+                              Ecuador
+                            </option>
+                            <option
+                              value="EG"
+                            >
+                              Egypt
+                            </option>
+                            <option
+                              value="SV"
+                            >
+                              El Salvador
+                            </option>
+                            <option
+                              value="GQ"
+                            >
+                              Equatorial Guinea
+                            </option>
+                            <option
+                              value="ER"
+                            >
+                              Eritrea
+                            </option>
+                            <option
+                              value="EE"
+                            >
+                              Estonia
+                            </option>
+                            <option
+                              value="ET"
+                            >
+                              Ethiopia
+                            </option>
+                            <option
+                              value="FK"
+                            >
+                              Falkland Islands (Malvinas)
+                            </option>
+                            <option
+                              value="FO"
+                            >
+                              Faroe Islands
+                            </option>
+                            <option
+                              value="FJ"
+                            >
+                              Fiji
+                            </option>
+                            <option
+                              value="FI"
+                            >
+                              Finland
+                            </option>
+                            <option
+                              value="FR"
+                            >
+                              France
+                            </option>
+                            <option
+                              value="GF"
+                            >
+                              French Guiana
+                            </option>
+                            <option
+                              value="PF"
+                            >
+                              French Polynesia
+                            </option>
+                            <option
+                              value="GA"
+                            >
+                              Gabon
+                            </option>
+                            <option
+                              value="GM"
+                            >
+                              Gambia
+                            </option>
+                            <option
+                              value="GE"
+                            >
+                              Georgia
+                            </option>
+                            <option
+                              value="DE"
+                            >
+                              Germany
+                            </option>
+                            <option
+                              value="GH"
+                            >
+                              Ghana
+                            </option>
+                            <option
+                              value="GI"
+                            >
+                              Gibraltar
+                            </option>
+                            <option
+                              value="GR"
+                            >
+                              Greece
+                            </option>
+                            <option
+                              value="GL"
+                            >
+                              Greenland
+                            </option>
+                            <option
+                              value="GD"
+                            >
+                              Grenada
+                            </option>
+                            <option
+                              value="GP"
+                            >
+                              Guadeloupe
+                            </option>
+                            <option
+                              value="GU"
+                            >
+                              Guam
+                            </option>
+                            <option
+                              value="GT"
+                            >
+                              Guatemala
+                            </option>
+                            <option
+                              value="GG"
+                            >
+                              Guernsey
+                            </option>
+                            <option
+                              value="GN"
+                            >
+                              Guinea
+                            </option>
+                            <option
+                              value="GW"
+                            >
+                              Guinea-Bissau
+                            </option>
+                            <option
+                              value="GY"
+                            >
+                              Guyana
+                            </option>
+                            <option
+                              value="HT"
+                            >
+                              Haiti
+                            </option>
+                            <option
+                              value="VA"
+                            >
+                              Holy See (Vatican City State)
+                            </option>
+                            <option
+                              value="HN"
+                            >
+                              Honduras
+                            </option>
+                            <option
+                              value="HK"
+                            >
+                              Hong Kong
+                            </option>
+                            <option
+                              value="HU"
+                            >
+                              Hungary
+                            </option>
+                            <option
+                              value="IS"
+                            >
+                              Iceland
+                            </option>
+                            <option
+                              value="IN"
+                            >
+                              India
+                            </option>
+                            <option
+                              value="ID"
+                            >
+                              Indonesia
+                            </option>
+                            <option
+                              value="IR"
+                            >
+                              Iran, Islamic Republic of
+                            </option>
+                            <option
+                              value="IQ"
+                            >
+                              Iraq
+                            </option>
+                            <option
+                              value="IE"
+                            >
+                              Ireland
+                            </option>
+                            <option
+                              value="IL"
+                            >
+                              Israel
+                            </option>
+                            <option
+                              value="IT"
+                            >
+                              Italy
+                            </option>
+                            <option
+                              value="JM"
+                            >
+                              Jamaica
+                            </option>
+                            <option
+                              value="JP"
+                            >
+                              Japan
+                            </option>
+                            <option
+                              value="JE"
+                            >
+                              Jersey
+                            </option>
+                            <option
+                              value="JO"
+                            >
+                              Jordan
+                            </option>
+                            <option
+                              value="KZ"
+                            >
+                              Kazakhstan
+                            </option>
+                            <option
+                              value="KE"
+                            >
+                              Kenya
+                            </option>
+                            <option
+                              value="KI"
+                            >
+                              Kiribati
+                            </option>
+                            <option
+                              value="KP"
+                            >
+                              Korea, Democratic People's Republic of
+                            </option>
+                            <option
+                              value="KR"
+                            >
+                              Korea, Republic of
+                            </option>
+                            <option
+                              value="XK"
+                            >
+                              Kosovo, Republic of
+                            </option>
+                            <option
+                              value="KW"
+                            >
+                              Kuwait
+                            </option>
+                            <option
+                              value="KG"
+                            >
+                              Kyrgyzstan
+                            </option>
+                            <option
+                              value="LA"
+                            >
+                              Lao People's Democratic Republic
+                            </option>
+                            <option
+                              value="LV"
+                            >
+                              Latvia
+                            </option>
+                            <option
+                              value="LB"
+                            >
+                              Lebanon
+                            </option>
+                            <option
+                              value="LS"
+                            >
+                              Lesotho
+                            </option>
+                            <option
+                              value="LR"
+                            >
+                              Liberia
+                            </option>
+                            <option
+                              value="LY"
+                            >
+                              Libya
+                            </option>
+                            <option
+                              value="LI"
+                            >
+                              Liechtenstein
+                            </option>
+                            <option
+                              value="LT"
+                            >
+                              Lithuania
+                            </option>
+                            <option
+                              value="LU"
+                            >
+                              Luxembourg
+                            </option>
+                            <option
+                              value="MO"
+                            >
+                              Macao
+                            </option>
+                            <option
+                              value="MK"
+                            >
+                              Macedonia, the former Yugoslav Republic of
+                            </option>
+                            <option
+                              value="MG"
+                            >
+                              Madagascar
+                            </option>
+                            <option
+                              value="MW"
+                            >
+                              Malawi
+                            </option>
+                            <option
+                              value="MY"
+                            >
+                              Malaysia
+                            </option>
+                            <option
+                              value="MV"
+                            >
+                              Maldives
+                            </option>
+                            <option
+                              value="ML"
+                            >
+                              Mali
+                            </option>
+                            <option
+                              value="MT"
+                            >
+                              Malta
+                            </option>
+                            <option
+                              value="MH"
+                            >
+                              Marshall Islands
+                            </option>
+                            <option
+                              value="MQ"
+                            >
+                              Martinique
+                            </option>
+                            <option
+                              value="MR"
+                            >
+                              Mauritania
+                            </option>
+                            <option
+                              value="MU"
+                            >
+                              Mauritius
+                            </option>
+                            <option
+                              value="YT"
+                            >
+                              Mayotte
+                            </option>
+                            <option
+                              value="MX"
+                            >
+                              Mexico
+                            </option>
+                            <option
+                              value="FM"
+                            >
+                              Micronesia, Federated States of
+                            </option>
+                            <option
+                              value="MD"
+                            >
+                              Moldova, Republic of
+                            </option>
+                            <option
+                              value="MC"
+                            >
+                              Monaco
+                            </option>
+                            <option
+                              value="MN"
+                            >
+                              Mongolia
+                            </option>
+                            <option
+                              value="ME"
+                            >
+                              Montenegro
+                            </option>
+                            <option
+                              value="MS"
+                            >
+                              Montserrat
+                            </option>
+                            <option
+                              value="MA"
+                            >
+                              Morocco
+                            </option>
+                            <option
+                              value="MZ"
+                            >
+                              Mozambique
+                            </option>
+                            <option
+                              value="MM"
+                            >
+                              Myanmar
+                            </option>
+                            <option
+                              value="NA"
+                            >
+                              Namibia
+                            </option>
+                            <option
+                              value="NR"
+                            >
+                              Nauru
+                            </option>
+                            <option
+                              value="NP"
+                            >
+                              Nepal
+                            </option>
+                            <option
+                              value="NL"
+                            >
+                              Netherlands
+                            </option>
+                            <option
+                              value="AN"
+                            >
+                              Netherlands Antilles
+                            </option>
+                            <option
+                              value="NC"
+                            >
+                              New Caledonia
+                            </option>
+                            <option
+                              value="NZ"
+                            >
+                              New Zealand
+                            </option>
+                            <option
+                              value="NI"
+                            >
+                              Nicaragua
+                            </option>
+                            <option
+                              value="NE"
+                            >
+                              Niger
+                            </option>
+                            <option
+                              value="NG"
+                            >
+                              Nigeria
+                            </option>
+                            <option
+                              value="NU"
+                            >
+                              Niue
+                            </option>
+                            <option
+                              value="NF"
+                            >
+                              Norfolk Island
+                            </option>
+                            <option
+                              value="MP"
+                            >
+                              Northern Mariana Islands
+                            </option>
+                            <option
+                              value="NO"
+                            >
+                              Norway
+                            </option>
+                            <option
+                              value="OM"
+                            >
+                              Oman
+                            </option>
+                            <option
+                              value="PK"
+                            >
+                              Pakistan
+                            </option>
+                            <option
+                              value="PW"
+                            >
+                              Palau
+                            </option>
+                            <option
+                              value="PS"
+                            >
+                              Palestine, State of
+                            </option>
+                            <option
+                              value="PA"
+                            >
+                              Panama
+                            </option>
+                            <option
+                              value="PG"
+                            >
+                              Papua New Guinea
+                            </option>
+                            <option
+                              value="PY"
+                            >
+                              Paraguay
+                            </option>
+                            <option
+                              value="PE"
+                            >
+                              Peru
+                            </option>
+                            <option
+                              value="PH"
+                            >
+                              Philippines
+                            </option>
+                            <option
+                              value="PN"
+                            >
+                              Pitcairn
+                            </option>
+                            <option
+                              value="PL"
+                            >
+                              Poland
+                            </option>
+                            <option
+                              value="PT"
+                            >
+                              Portugal
+                            </option>
+                            <option
+                              value="PR"
+                            >
+                              Puerto Rico
+                            </option>
+                            <option
+                              value="QA"
+                            >
+                              Qatar
+                            </option>
+                            <option
+                              value="RO"
+                            >
+                              Romania
+                            </option>
+                            <option
+                              value="RU"
+                            >
+                              Russian Federation
+                            </option>
+                            <option
+                              value="RW"
+                            >
+                              Rwanda
+                            </option>
+                            <option
+                              value="RE"
+                            >
+                              Réunion
+                            </option>
+                            <option
+                              value="SH"
+                            >
+                              Saint Helena, Ascension and Tristan da Cunha
+                            </option>
+                            <option
+                              value="KN"
+                            >
+                              Saint Kitts and Nevis
+                            </option>
+                            <option
+                              value="LC"
+                            >
+                              Saint Lucia
+                            </option>
+                            <option
+                              value="PM"
+                            >
+                              Saint Pierre and Miquelon
+                            </option>
+                            <option
+                              value="VC"
+                            >
+                              Saint Vincent and the Grenadines
+                            </option>
+                            <option
+                              value="WS"
+                            >
+                              Samoa
+                            </option>
+                            <option
+                              value="SM"
+                            >
+                              San Marino
+                            </option>
+                            <option
+                              value="SA"
+                            >
+                              Saudi Arabia
+                            </option>
+                            <option
+                              value="SN"
+                            >
+                              Senegal
+                            </option>
+                            <option
+                              value="RS"
+                            >
+                              Serbia
+                            </option>
+                            <option
+                              value="SC"
+                            >
+                              Seychelles
+                            </option>
+                            <option
+                              value="SL"
+                            >
+                              Sierra Leone
+                            </option>
+                            <option
+                              value="SG"
+                            >
+                              Singapore
+                            </option>
+                            <option
+                              value="SK"
+                            >
+                              Slovakia
+                            </option>
+                            <option
+                              value="SI"
+                            >
+                              Slovenia
+                            </option>
+                            <option
+                              value="SB"
+                            >
+                              Solomon Islands
+                            </option>
+                            <option
+                              value="SO"
+                            >
+                              Somalia
+                            </option>
+                            <option
+                              value="ZA"
+                            >
+                              South Africa
+                            </option>
+                            <option
+                              value="GS"
+                            >
+                              South Georgia and the South Sandwich Islands
+                            </option>
+                            <option
+                              value="SS"
+                            >
+                              South Sudan
+                            </option>
+                            <option
+                              value="ES"
+                            >
+                              Spain
+                            </option>
+                            <option
+                              value="LK"
+                            >
+                              Sri Lanka
+                            </option>
+                            <option
+                              value="SD"
+                            >
+                              Sudan
+                            </option>
+                            <option
+                              value="SR"
+                            >
+                              Suriname
+                            </option>
+                            <option
+                              value="SJ"
+                            >
+                              Svalbard and Jan Mayen
+                            </option>
+                            <option
+                              value="SZ"
+                            >
+                              Swaziland
+                            </option>
+                            <option
+                              value="SE"
+                            >
+                              Sweden
+                            </option>
+                            <option
+                              value="CH"
+                            >
+                              Switzerland
+                            </option>
+                            <option
+                              value="SY"
+                            >
+                              Syrian Arab Republic
+                            </option>
+                            <option
+                              value="ST"
+                            >
+                              São Tomé and Príncipe
+                            </option>
+                            <option
+                              value="TW"
+                            >
+                              Taiwan
+                            </option>
+                            <option
+                              value="TJ"
+                            >
+                              Tajikistan
+                            </option>
+                            <option
+                              value="TZ"
+                            >
+                              Tanzania, United Republic of
+                            </option>
+                            <option
+                              value="TH"
+                            >
+                              Thailand
+                            </option>
+                            <option
+                              value="TL"
+                            >
+                              Timor-Leste
+                            </option>
+                            <option
+                              value="TG"
+                            >
+                              Togo
+                            </option>
+                            <option
+                              value="TK"
+                            >
+                              Tokelau
+                            </option>
+                            <option
+                              value="TO"
+                            >
+                              Tonga
+                            </option>
+                            <option
+                              value="TT"
+                            >
+                              Trinidad and Tobago
+                            </option>
+                            <option
+                              value="TN"
+                            >
+                              Tunisia
+                            </option>
+                            <option
+                              value="TR"
+                            >
+                              Turkey
+                            </option>
+                            <option
+                              value="TM"
+                            >
+                              Turkmenistan
+                            </option>
+                            <option
+                              value="TC"
+                            >
+                              Turks and Caicos Islands
+                            </option>
+                            <option
+                              value="TV"
+                            >
+                              Tuvalu
+                            </option>
+                            <option
+                              value="UG"
+                            >
+                              Uganda
+                            </option>
+                            <option
+                              value="UA"
+                            >
+                              Ukraine
+                            </option>
+                            <option
+                              value="AE"
+                            >
+                              United Arab Emirates
+                            </option>
+                            <option
+                              value="GB"
+                            >
+                              United Kingdom
+                            </option>
+                            <option
+                              value="US"
+                            >
+                              United States
+                            </option>
+                            <option
+                              value="UM"
+                            >
+                              United States Minor Outlying Islands
+                            </option>
+                            <option
+                              value="UY"
+                            >
+                              Uruguay
+                            </option>
+                            <option
+                              value="UZ"
+                            >
+                              Uzbekistan
+                            </option>
+                            <option
+                              value="VU"
+                            >
+                              Vanuatu
+                            </option>
+                            <option
+                              value="VE"
+                            >
+                              Venezuela, Bolivarian Republic of
+                            </option>
+                            <option
+                              value="VN"
+                            >
+                              Viet Nam
+                            </option>
+                            <option
+                              value="VG"
+                            >
+                              Virgin Islands, British
+                            </option>
+                            <option
+                              value="VI"
+                            >
+                              Virgin Islands, U.S.
+                            </option>
+                            <option
+                              value="WF"
+                            >
+                              Wallis and Futuna
+                            </option>
+                            <option
+                              value="EH"
+                            >
+                              Western Sahara
+                            </option>
+                            <option
+                              value="YE"
+                            >
+                              Yemen
+                            </option>
+                            <option
+                              value="ZM"
+                            >
+                              Zambia
+                            </option>
+                            <option
+                              value="ZW"
+                            >
+                              Zimbabwe
+                            </option>
+                            <option
+                              value="AX"
+                            >
+                              Åland Islands
+                            </option>
+                          </select>
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit MuiNativeSelect-icon MuiNativeSelect-iconStandard emotion-25"
+                            data-testid="ArrowDropDownIcon"
+                            focusable="false"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              d="M7 10l5 5 5-5z"
+                            />
+                          </svg>
+                        </div>
                       </div>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-25"
-                      dir="ltr"
-                    >
                       <div
                         class="MuiBox-root emotion-26"
+                        dir="ltr"
                       >
-                        <label
-                          class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-21"
-                          data-shrink="false"
-                          dir="ltr"
-                          for="phoneNumber"
-                        >
-                          Phone number
-                        </label>
                         <div
-                          class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-28"
-                          dir="ltr"
-                          required="true"
+                          class="MuiBox-root emotion-27"
                         >
-                          <span
-                            class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-29"
-                          >
-                            <p
-                              class="MuiTypography-root MuiTypography-body1 emotion-30"
-                            >
-                              +1
-                            </p>
-                          </span>
-                          <input
-                            aria-invalid="false"
-                            autocomplete="tel-national"
-                            class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-31"
-                            data-se="phoneNumber"
-                            id="phoneNumber"
-                            inputmode="tel"
-                            name="phoneNumber"
-                            required=""
-                            type="tel"
-                          />
+                          <label
+                            class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-22"
+                            data-shrink="false"
+                            dir="ltr"
+                            for="phoneNumber"
+                          >
+                            Phone number
+                          </label>
+                          <div
+                            class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedStart emotion-29"
+                            dir="ltr"
+                            required="true"
+                          >
+                            <span
+                              class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined no-translate emotion-30"
+                            >
+                              <p
+                                class="MuiTypography-root MuiTypography-body1 emotion-31"
+                              >
+                                +1
+                              </p>
+                            </span>
+                            <input
+                              aria-invalid="false"
+                              autocomplete="tel-national"
+                              class="MuiInputBase-input MuiInputBase-inputAdornedStart emotion-32"
+                              data-se="phoneNumber"
+                              id="phoneNumber"
+                              inputmode="tel"
+                              name="phoneNumber"
+                              required=""
+                              type="tel"
+                            />
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-34"
-                      data-se="o-form-explain"
-                      id="enrollment-channel-data_Description_Make_sure_you_can_access_the_text_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Make sure you can access the text on your mobile device.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-35"
+                        data-se="o-form-explain"
+                        id="enrollment-channel-data_Description_Make_sure_you_can_access_the_text_on_your_mobile_device_okta_verify_aut2h3fft4y9pDPCS1d7_3"
+                      >
+                        Make sure you can access the text on your mobile device.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-36"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Send me the setup link
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-37"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Send me the setup link
+                    </button>
+                  </div>
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-16"
                   >
-                    Or 
-                    <a
-                      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-39"
-                      href="#"
+                    <div
+                      class="MuiBox-root emotion-1"
                     >
-                      try a different way
-                    </a>
-                     to set up Okta Verify.
+                      Or 
+                      <a
+                        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways switch-channel-link emotion-40"
+                        href="#"
+                      >
+                        try a different way
+                      </a>
+                       to set up Okta Verify.
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-41"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-41"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-42"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/request-activation-email.test.tsx.snap b/src/v3/test/integration/__snapshots__/request-activation-email.test.tsx.snap
index 8000d94be0..5c4d6e7e9b 100644
--- a/src/v3/test/integration/__snapshots__/request-activation-email.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/request-activation-email.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`request-activation-email renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,73 +80,77 @@ exports[`request-activation-email renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      id="request-activation-email_Title_Activation_link_has_expired_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Activation link has expired
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        id="request-activation-email_Title_Activation_link_has_expired_1"
+                        tabindex="-1"
+                      >
+                        Activation link has expired
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
-                    class="MuiBox-root emotion-18"
-                    data-se="message"
+                    class="MuiBox-root emotion-15"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-19"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-19"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-20"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-20"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-21"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-21"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-22"
-                      >
-                        Your account activation link is no longer valid. Request a new activation email below.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-22"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-23"
+                        >
+                          Your account activation link is no longer valid. Request a new activation email below.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
-                    data-type="save"
-                    tabindex="0"
-                    type="submit"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Request activation email
-                  </button>
+                    <button
+                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-25"
+                      data-type="save"
+                      tabindex="0"
+                      type="submit"
+                    >
+                      Request activation email
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-email-error.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-email-error.test.tsx.snap
index e2bff84911..fe55303c57 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-email-error.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-email-error.test.tsx.snap
@@ -2,136 +2,140 @@
 
 exports[`terminal-return-email-error should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-10"
                 >
                   <div
                     class="MuiBox-root emotion-11"
-                    data-se="message"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-12"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-12"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-13"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-13"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-14"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-14"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-15"
-                      >
-                        Could not process this email link. Return to the screen where you requested it.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-15"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-16"
+                        >
+                          Could not process this email link. Return to the screen where you requested it.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-17"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-11"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-18"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-email.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-email.test.tsx.snap
index 1733c5e050..80d0394ea3 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-email.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-email.test.tsx.snap
@@ -2,115 +2,115 @@
 
 exports[`terminal-return-email renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="testUser@okta.com"
-                >
-                  testUser@okta.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="testUser@okta.com"
+                  >
+                    testUser@okta.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -118,49 +118,53 @@ exports[`terminal-return-email renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Success! Return to the original tab or window
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Success! Return to the original tab or window
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      To continue, please return to the original browser tab or window you used to verify.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                      >
+                        To continue, please return to the original browser tab or window you used to verify.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Close this window anytime.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                      >
+                        Close this window anytime.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-enrollment.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-enrollment.test.tsx.snap
index ad997400e7..0b169b5bf7 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-enrollment.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-enrollment.test.tsx.snap
@@ -2,355 +2,359 @@
 
 exports[`terminal-return-otp-only-full-location-enrollment renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the sign up page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the sign up page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Mobile browser
-                        </title>
-                        <path
-                          class="siwIconFillPrimary"
-                          clip-rule="evenodd"
-                          d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
-                          fill="#1662DD"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Mobile browser
+                          </title>
+                          <path
+                            class="siwIconFillPrimary"
+                            clip-rule="evenodd"
+                            d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
+                            fill="#1662DD"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        FIREFOX on iOS
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on iOS
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="location"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-location"
+                      id="location"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-location"
                       >
-                        <title>
-                          Location
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
-                          stroke="#1662DD"
-                        />
-                        <circle
-                          class="siwIconStrokePrimary"
-                          cx="8"
-                          cy="6"
-                          r="2.5"
-                          stroke="#1662DD"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-location"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Location
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
+                            stroke="#1662DD"
+                          />
+                          <circle
+                            class="siwIconStrokePrimary"
+                            cx="8"
+                            cy="6"
+                            r="2.5"
+                            stroke="#1662DD"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Toronto, Ontario, Canada
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-location"
+                        >
+                          Toronto, Ontario, Canada
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-recovery.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-recovery.test.tsx.snap
index 5f18ec225b..d5d8115cbc 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-recovery.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-recovery.test.tsx.snap
@@ -2,355 +2,359 @@
 
 exports[`terminal-return-otp-only-full-location-recovery renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the password reset page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the password reset page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Mobile browser
-                        </title>
-                        <path
-                          class="siwIconFillPrimary"
-                          clip-rule="evenodd"
-                          d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
-                          fill="#1662DD"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Mobile browser
+                          </title>
+                          <path
+                            class="siwIconFillPrimary"
+                            clip-rule="evenodd"
+                            d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
+                            fill="#1662DD"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        FIREFOX on Android
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on Android
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="location"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-location"
+                      id="location"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-location"
                       >
-                        <title>
-                          Location
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
-                          stroke="#1662DD"
-                        />
-                        <circle
-                          class="siwIconStrokePrimary"
-                          cx="8"
-                          cy="6"
-                          r="2.5"
-                          stroke="#1662DD"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-location"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Location
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
+                            stroke="#1662DD"
+                          />
+                          <circle
+                            class="siwIconStrokePrimary"
+                            cx="8"
+                            cy="6"
+                            r="2.5"
+                            stroke="#1662DD"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Toronto, Ontario, Canada
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-location"
+                        >
+                          Toronto, Ontario, Canada
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-unlock.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-unlock.test.tsx.snap
index 0e7f46f7f2..f77748fac4 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-unlock.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location-unlock.test.tsx.snap
@@ -2,355 +2,359 @@
 
 exports[`terminal-return-otp-only-full-location-unlock renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the account unlock page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the account unlock page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Mobile browser
-                        </title>
-                        <path
-                          class="siwIconFillPrimary"
-                          clip-rule="evenodd"
-                          d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
-                          fill="#1662DD"
-                          fill-rule="evenodd"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Mobile browser
+                          </title>
+                          <path
+                            class="siwIconFillPrimary"
+                            clip-rule="evenodd"
+                            d="M11.5 1H5.5C4.94772 1 4.5 1.44772 4.5 2V14C4.5 14.5523 4.94772 15 5.5 15H11.5C12.0523 15 12.5 14.5523 12.5 14V2C12.5 1.44772 12.0523 1 11.5 1ZM5.5 0C4.39543 0 3.5 0.895431 3.5 2V14C3.5 15.1046 4.39543 16 5.5 16H11.5C12.6046 16 13.5 15.1046 13.5 14V2C13.5 0.895431 12.6046 0 11.5 0H5.5ZM10 13V14H7V13H10ZM8.5 3C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2C8.22386 2 8 2.22386 8 2.5C8 2.77614 8.22386 3 8.5 3Z"
+                            fill="#1662DD"
+                            fill-rule="evenodd"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        FIREFOX on iOS
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on iOS
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="location"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-location"
+                      id="location"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-location"
                       >
-                        <title>
-                          Location
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
-                          stroke="#1662DD"
-                        />
-                        <circle
-                          class="siwIconStrokePrimary"
-                          cx="8"
-                          cy="6"
-                          r="2.5"
-                          stroke="#1662DD"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-location"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Location
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
+                            stroke="#1662DD"
+                          />
+                          <circle
+                            class="siwIconStrokePrimary"
+                            cx="8"
+                            cy="6"
+                            r="2.5"
+                            stroke="#1662DD"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Toronto, Ontario, Canada
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-location"
+                        >
+                          Toronto, Ontario, Canada
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location.test.tsx.snap
index 53d088d2d2..65e3da4aac 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-full-location.test.tsx.snap
@@ -2,366 +2,370 @@
 
 exports[`terminal-return-otp-only-full-location renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the sign-in page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the sign-in page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Browser
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
-                          stroke="#1662DD"
-                        />
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
-                          stroke="#1662DD"
-                        />
-                        <rect
-                          class="siwIconFillPrimary"
-                          fill="#1662DD"
-                          height="1"
-                          width="12"
-                          x="2"
-                          y="9"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Browser
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
+                            stroke="#1662DD"
+                          />
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
+                            stroke="#1662DD"
+                          />
+                          <rect
+                            class="siwIconFillPrimary"
+                            fill="#1662DD"
+                            height="1"
+                            width="12"
+                            x="2"
+                            y="9"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        FIREFOX on Mac OS X
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on Mac OS X
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="location"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-location"
+                      id="location"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-location"
                       >
-                        <title>
-                          Location
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
-                          stroke="#1662DD"
-                        />
-                        <circle
-                          class="siwIconStrokePrimary"
-                          cx="8"
-                          cy="6"
-                          r="2.5"
-                          stroke="#1662DD"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-location"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Location
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
+                            stroke="#1662DD"
+                          />
+                          <circle
+                            class="siwIconStrokePrimary"
+                            cx="8"
+                            cy="6"
+                            r="2.5"
+                            stroke="#1662DD"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Toronto, Ontario, Canada
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-location"
+                        >
+                          Toronto, Ontario, Canada
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-no-location.test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-no-location.test.tsx.snap
index f519b56b63..6c2f14c899 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-no-location.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-no-location.test.tsx.snap
@@ -2,317 +2,321 @@
 
 exports[`terminal-return-otp-only-no-location renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the sign-in page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the sign-in page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Browser
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
-                          stroke="#1662DD"
-                        />
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
-                          stroke="#1662DD"
-                        />
-                        <rect
-                          class="siwIconFillPrimary"
-                          fill="#1662DD"
-                          height="1"
-                          width="12"
-                          x="2"
-                          y="9"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
                       >
-                        FIREFOX on Mac OS X
-                      </span>
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Browser
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
+                            stroke="#1662DD"
+                          />
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
+                            stroke="#1662DD"
+                          />
+                          <rect
+                            class="siwIconFillPrimary"
+                            fill="#1662DD"
+                            height="1"
+                            width="12"
+                            x="2"
+                            y="9"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
+                      >
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on Mac OS X
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-partial-location..test.tsx.snap b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-partial-location..test.tsx.snap
index b27be91125..c772cbaae9 100644
--- a/src/v3/test/integration/__snapshots__/terminal-return-otp-only-partial-location..test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/terminal-return-otp-only-partial-location..test.tsx.snap
@@ -2,366 +2,370 @@
 
 exports[`terminal-return-otp-only-partial-location renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
-            >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title
-                  id="mfa-okta-email"
-                >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
-            </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
               <div
-                class="MuiBox-root emotion-9"
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <span
-                  class="MuiBox-root emotion-10"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <title
+                    id="mfa-okta-email"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="test@okta.com"
-                >
-                  test@okta.com
-                </span>
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
               </div>
             </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-14"
+                class="identifier-container MuiBox-root emotion-9"
               >
                 <div
-                  class="MuiBox-root emotion-15"
+                  class="MuiBox-root emotion-10"
                 >
-                  <div
-                    class="MuiBox-root emotion-16"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      Your verification code
-                    </h2>
-                  </div>
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="test@okta.com"
+                  >
+                    test@okta.com
+                  </span>
                 </div>
+              </div>
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
+              >
                 <div
                   class="MuiBox-root emotion-15"
                 >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Enter this code on the sign-in page.
-                    </p>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-22"
+                    class="MuiBox-root emotion-16"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-23"
-                      data-se="otp-value"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      123456
-                    </h3>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="enter-code-instr"
+                      >
+                        Enter this code on the sign-in page.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-0"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-only-request-info"
+                    <div
+                      class="MuiBox-root emotion-23"
                     >
-                      Request from:
-                    </p>
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-24"
+                        data-se="otp-value"
+                      >
+                        123456
+                      </h3>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="browser"
+                    class="MuiBox-root emotion-1"
                   >
                     <div
-                      class="MuiBox-root emotion-29"
-                      data-se="icon-browser"
+                      class="MuiBox-root emotion-17"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-only-request-info"
                       >
-                        <title>
-                          Browser
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
-                          stroke="#1662DD"
-                        />
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
-                          stroke="#1662DD"
-                        />
-                        <rect
-                          class="siwIconFillPrimary"
-                          fill="#1662DD"
-                          height="1"
-                          width="12"
-                          x="2"
-                          y="9"
-                        />
-                      </svg>
+                        Request from:
+                      </p>
                     </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
+                  >
                     <div
-                      class="MuiBox-root emotion-0"
+                      class="MuiBox-root emotion-29"
+                      id="browser"
                     >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-browser"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-browser"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Browser
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M4.5 14.5H8M11.5 14.5H8M8 14.5V13"
+                            stroke="#1662DD"
+                          />
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M3 1.5H13C13.8284 1.5 14.5 2.17157 14.5 3V10C14.5 10.8284 13.8284 11.5 13 11.5H3C2.17157 11.5 1.5 10.8284 1.5 10V3C1.5 2.17157 2.17157 1.5 3 1.5Z"
+                            stroke="#1662DD"
+                          />
+                          <rect
+                            class="siwIconFillPrimary"
+                            fill="#1662DD"
+                            height="1"
+                            width="12"
+                            x="2"
+                            y="9"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        FIREFOX on Mac OS X
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-browser"
+                        >
+                          FIREFOX on Mac OS X
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="app"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-app"
+                      id="app"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-app"
                       >
-                        <title>
-                          Application
-                        </title>
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="1.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="1.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="9.5"
-                        />
-                        <rect
-                          class="siwIconStrokePrimary"
-                          height="5"
-                          stroke="#1662DD"
-                          width="5"
-                          x="9.5"
-                          y="1.5"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-app"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Application
+                          </title>
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="1.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="1.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="9.5"
+                          />
+                          <rect
+                            class="siwIconStrokePrimary"
+                            height="5"
+                            stroke="#1662DD"
+                            width="5"
+                            x="9.5"
+                            y="1.5"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        my 3rd magic link spa
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-app"
+                        >
+                          my 3rd magic link spa
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-28"
-                    id="location"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
                       class="MuiBox-root emotion-29"
-                      data-se="icon-location"
+                      id="location"
                     >
-                      <svg
-                        aria-hidden="true"
-                        fill="none"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
+                      <div
+                        class="MuiBox-root emotion-30"
+                        data-se="icon-location"
                       >
-                        <title>
-                          Location
-                        </title>
-                        <path
-                          class="siwIconStrokePrimary"
-                          d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
-                          stroke="#1662DD"
-                        />
-                        <circle
-                          class="siwIconStrokePrimary"
-                          cx="8"
-                          cy="6"
-                          r="2.5"
-                          stroke="#1662DD"
-                        />
-                      </svg>
-                    </div>
-                    <div
-                      class="MuiBox-root emotion-0"
-                    >
-                      <span
-                        class="MuiTypography-root MuiTypography-body1 emotion-31"
-                        data-se="text-location"
+                        <svg
+                          aria-hidden="true"
+                          fill="none"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <title>
+                            Location
+                          </title>
+                          <path
+                            class="siwIconStrokePrimary"
+                            d="M2.5 6C2.5 2.88969 4.95673 0.5 8 0.5C11.0433 0.5 13.5 2.88969 13.5 6C13.5 8.17828 12.3122 10.408 10.9484 12.2145C9.81608 13.7144 8.61136 14.859 8.0028 15.3649C7.39633 14.8508 6.1897 13.6812 5.05432 12.1652C3.68717 10.3398 2.5 8.11236 2.5 6Z"
+                            stroke="#1662DD"
+                          />
+                          <circle
+                            class="siwIconStrokePrimary"
+                            cx="8"
+                            cy="6"
+                            r="2.5"
+                            stroke="#1662DD"
+                          />
+                        </svg>
+                      </div>
+                      <div
+                        class="MuiBox-root emotion-1"
                       >
-                        Toronto, Canada
-                      </span>
+                        <span
+                          class="MuiTypography-root MuiTypography-body1 emotion-32"
+                          data-se="text-location"
+                        >
+                          Toronto, Canada
+                        </span>
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/trigger-email-verify-callback.test.tsx.snap b/src/v3/test/integration/__snapshots__/trigger-email-verify-callback.test.tsx.snap
index 9a9658e29b..c74c6c0287 100644
--- a/src/v3/test/integration/__snapshots__/trigger-email-verify-callback.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/trigger-email-verify-callback.test.tsx.snap
@@ -2,78 +2,78 @@
 
 exports[`triggerEmailVerifyCallback with otp flow should create proxy server response and render terminal state when interactionHandle is absent 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-okta-email MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-okta-email"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-okta-email MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-okta-email"
+                <svg
+                  aria-labelledby="mfa-okta-email"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Email Authentication
-                </title>
-                <circle
-                  class="siwFillBg"
-                  cx="24"
-                  cy="24"
-                  fill="#F5F5F6"
-                  r="24"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                  fill="#00297A"
-                />
-              </svg>
+                  <title
+                    id="mfa-okta-email"
+                  >
+                    Email Authentication
+                  </title>
+                  <circle
+                    class="siwFillBg"
+                    cx="24"
+                    cy="24"
+                    fill="#F5F5F6"
+                    r="24"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                    fill="#00297A"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
-            <form
-              class="o-form MuiBox-root emotion-8"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="MuiBox-root emotion-8"
             >
-              <div
-                class="MuiBox-root emotion-9"
+              <form
+                class="o-form MuiBox-root emotion-9"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-10"
@@ -81,61 +81,65 @@ exports[`triggerEmailVerifyCallback with otp flow should create proxy server res
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-12"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Your verification code
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-13"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Your verification code
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                      data-se="enter-code-instr"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      Enter the OTP in your original authentication location.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                        data-se="enter-code-instr"
+                      >
+                        Enter the OTP in your original authentication location.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
-                    class="MuiBox-root emotion-17"
+                    class="MuiBox-root emotion-11"
                   >
-                    <h3
-                      class="MuiTypography-root MuiTypography-h3 no-translate emotion-18"
-                      data-se="otp-value"
-                    />
+                    <div
+                      class="MuiBox-root emotion-18"
+                    >
+                      <h3
+                        class="MuiTypography-root MuiTypography-h3 no-translate emotion-19"
+                        data-se="otp-value"
+                      />
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-10"
-                >
                   <div
                     class="MuiBox-root emotion-11"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-15"
-                      data-se="otp-warning"
+                    <div
+                      class="MuiBox-root emotion-12"
                     >
-                      If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-16"
+                        data-se="otp-warning"
+                      >
+                        If you didn’t request this code, you can ignore this message. Your account is safe and can only be accessed with this code.
+                      </p>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/unlock-account-success.test.tsx.snap b/src/v3/test/integration/__snapshots__/unlock-account-success.test.tsx.snap
index ae752b801e..3986791b47 100644
--- a/src/v3/test/integration/__snapshots__/unlock-account-success.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/unlock-account-success.test.tsx.snap
@@ -2,77 +2,77 @@
 
 exports[`unlock-account-success renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
-          >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
+            class="MuiBox-root emotion-4"
           >
             <div
-              class="identifier-container MuiBox-root emotion-7"
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
+            >
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
             >
               <div
-                class="MuiBox-root emotion-8"
+                class="identifier-container MuiBox-root emotion-8"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-9"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-10"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-10"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-11"
-                  data-se="identifier"
-                  title="tester@okta1.com"
-                >
-                  tester@okta1.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-12"
+                    data-se="identifier"
+                    title="tester@okta1.com"
+                  >
+                    tester@okta1.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-12"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-13"
+              <form
+                class="o-form MuiBox-root emotion-13"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-14"
@@ -80,47 +80,51 @@ exports[`unlock-account-success renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-16"
-                      data-se="o-form-head"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      Account successfully unlocked!
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-17"
+                        data-se="o-form-head"
+                        tabindex="-1"
+                      >
+                        Account successfully unlocked!
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
                   <div
                     class="MuiBox-root emotion-15"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-19"
-                      data-se="o-form-explain"
+                    <div
+                      class="MuiBox-root emotion-16"
                     >
-                      You can log in using your existing username and password.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
+                        data-se="o-form-explain"
+                      >
+                        You can log in using your existing username and password.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-14"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-21"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-15"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-22"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/user-unlock-account.test.tsx.snap b/src/v3/test/integration/__snapshots__/user-unlock-account.test.tsx.snap
index 34c819371d..2f9a1aa986 100644
--- a/src/v3/test/integration/__snapshots__/user-unlock-account.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/user-unlock-account.test.tsx.snap
@@ -2,40 +2,40 @@
 
 exports[`user-unlock-account renders form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
-          </div>
-          <div
-            class="MuiBox-root emotion-6"
-          >
-            <form
-              class="o-form MuiBox-root emotion-7"
-              data-se="o-form"
-              novalidate=""
+            <div
+              class="okta-sign-in-header auth-header MuiBox-root emotion-5"
             >
-              <div
-                class="MuiBox-root emotion-8"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+            </div>
+            <div
+              class="MuiBox-root emotion-7"
+            >
+              <form
+                class="o-form MuiBox-root emotion-8"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-9"
@@ -43,278 +43,282 @@ exports[`user-unlock-account renders form 1`] = `
                   <div
                     class="MuiBox-root emotion-10"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-11"
-                      data-se="o-form-head"
-                      id="select-authenticator-unlock-account_Title_Unlock_account_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-11"
                     >
-                      Unlock account?
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-12"
+                        data-se="o-form-head"
+                        id="select-authenticator-unlock-account_Title_Unlock_account_1"
+                        tabindex="-1"
+                      >
+                        Unlock account?
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
                   <div
-                    class="MuiBox-root emotion-0"
+                    class="MuiBox-root emotion-10"
                   >
-                    <label
-                      class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-14"
-                      data-shrink="false"
-                      for="identifier"
-                    >
-                      Username
-                    </label>
                     <div
-                      class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-15"
-                      dir="ltr"
-                      required="true"
+                      class="MuiBox-root emotion-1"
                     >
-                      <input
-                        aria-invalid="false"
-                        autocomplete="username"
-                        class="MuiInputBase-input emotion-16"
-                        data-se="identifier"
-                        id="identifier"
-                        name="identifier"
-                        required=""
-                        type="text"
-                      />
+                      <label
+                        class="MuiFormLabel-root MuiInputLabel-root MuiFormLabel-colorPrimary MuiInputLabel-root emotion-15"
+                        data-shrink="false"
+                        for="identifier"
+                      >
+                        Username
+                      </label>
+                      <div
+                        class="MuiInputBase-root MuiInputBase-colorPrimary MuiInputBase-fullWidth emotion-16"
+                        dir="ltr"
+                        required="true"
+                      >
+                        <input
+                          aria-invalid="false"
+                          autocomplete="username"
+                          class="MuiInputBase-input emotion-17"
+                          data-se="identifier"
+                          id="identifier"
+                          name="identifier"
+                          required=""
+                          type="text"
+                        />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <ul
-                    class="MuiBox-root emotion-18"
-                    data-se="authenticator-verify-list"
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    <li
-                      class="MuiBox-root emotion-9"
+                    <ul
+                      class="MuiBox-root emotion-19"
+                      data-se="authenticator-verify-list"
                     >
-                      <button
-                        aria-describedby="okta_email_0-ctaLabel"
-                        aria-labelledby="okta_email_0-label"
-                        class="authenticator-row MuiBox-root emotion-20"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                      <li
+                        class="MuiBox-root emotion-10"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="okta_email_0-ctaLabel"
+                          aria-labelledby="okta_email_0-label"
+                          class="authenticator-row MuiBox-root emotion-21"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-email authenticator-icon MuiBox-root emotion-22"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="okta_email_0"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-email authenticator-icon MuiBox-root emotion-23"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="okta_email_0"
+                              <svg
+                                aria-labelledby="okta_email_0"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Email Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
-                                fill="#00297A"
-                              />
-                            </svg>
+                                <title
+                                  id="okta_email_0"
+                                >
+                                  Email Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M32 18v1h5.3L32 24.29v1.42l6-6.01v12.8a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5V31h-1v1.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V18h-7Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M9 13v14.5a2.5 2.5 0 0 0 2.5 2.5h17a2.5 2.5 0 0 0 2.5-2.5V13H9Zm20.293 1-8.81 8.81L10.794 14h18.499ZM28.5 29h-17a1.5 1.5 0 0 1-1.5-1.5V14.63l10.517 9.56L30 14.707V27.5a1.5 1.5 0 0 1-1.5 1.5Z"
+                                  fill="#00297A"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-23"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-24"
-                            data-se="authenticator-button-label"
-                            id="okta_email_0-label"
-                          >
-                            Email
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-25"
-                            data-se="okta_email"
+                            class="authenticator-description MuiBox-root emotion-24"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-26"
-                              data-se="cta-button-label"
-                              id="okta_email_0-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-25"
+                              data-se="authenticator-button-label"
+                              id="okta_email_0-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Email
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-26"
+                              data-se="okta_email"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-27"
+                                data-se="cta-button-label"
+                                id="okta_email_0-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                    <li
-                      class="MuiBox-root emotion-9"
-                    >
-                      <button
-                        aria-describedby="phone_number_1-ctaLabel"
-                        aria-labelledby="phone_number_1-label"
-                        class="authenticator-row MuiBox-root emotion-20"
-                        data-se="authenticator-button"
-                        tabindex="0"
-                        type="button"
+                        </button>
+                      </li>
+                      <li
+                        class="MuiBox-root emotion-10"
                       >
-                        <div
-                          class="authenticator-icon-container MuiBox-root emotion-0"
-                          data-se="authenticator-icon"
+                        <button
+                          aria-describedby="phone_number_1-ctaLabel"
+                          aria-labelledby="phone_number_1-label"
+                          class="authenticator-row MuiBox-root emotion-21"
+                          data-se="authenticator-button"
+                          tabindex="0"
+                          type="button"
                         >
                           <div
-                            aria-hidden="true"
-                            class="mfa-okta-phone authenticator-icon MuiBox-root emotion-22"
-                            data-se="factor-beacon"
+                            class="authenticator-icon-container MuiBox-root emotion-1"
+                            data-se="authenticator-icon"
                           >
-                            <svg
-                              aria-labelledby="phone_number_1"
-                              fill="none"
-                              height="48"
-                              role="img"
-                              viewBox="0 0 48 48"
-                              width="48"
-                              xmlns="http://www.w3.org/2000/svg"
+                            <div
+                              aria-hidden="true"
+                              class="mfa-okta-phone authenticator-icon MuiBox-root emotion-23"
+                              data-se="factor-beacon"
                             >
-                              <title
-                                id="phone_number_1"
+                              <svg
+                                aria-labelledby="phone_number_1"
+                                fill="none"
+                                height="48"
+                                role="img"
+                                viewBox="0 0 48 48"
+                                width="48"
+                                xmlns="http://www.w3.org/2000/svg"
                               >
-                                Voice Call Authentication
-                              </title>
-                              <circle
-                                class="siwFillBg"
-                                cx="24"
-                                cy="24"
-                                fill="#F5F5F6"
-                                r="24"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillPrimaryDark"
-                                d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
-                                fill="#00297A"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
-                                fill="#A7B5EC"
-                              />
-                              <path
-                                class="siwFillSecondary"
-                                d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
-                                fill="#A7B5EC"
-                              />
-                            </svg>
+                                <title
+                                  id="phone_number_1"
+                                >
+                                  Voice Call Authentication
+                                </title>
+                                <circle
+                                  class="siwFillBg"
+                                  cx="24"
+                                  cy="24"
+                                  fill="#F5F5F6"
+                                  r="24"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M21.5 37h-9a2.6 2.6 0 0 1-2.5-2.682V14.682A2.6 2.6 0 0 1 12.5 12h9a2.6 2.6 0 0 1 2.5 2.682v19.636A2.6 2.6 0 0 1 21.5 37Zm-9-24a1.6 1.6 0 0 0-1.5 1.682v19.636A1.6 1.6 0 0 0 12.5 36h9a1.6 1.6 0 0 0 1.5-1.682V14.682A1.6 1.6 0 0 0 21.5 13h-9Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillPrimaryDark"
+                                  d="M19 34h-4v1h4v-1Zm-1-19a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"
+                                  fill="#00297A"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="M34.606 34.606 33.9 33.9a13.998 13.998 0 0 0 0-19.8l.707-.707a15 15 0 0 1 0 21.212l-.001.001Z"
+                                  fill="#A7B5EC"
+                                />
+                                <path
+                                  class="siwFillSecondary"
+                                  d="m31.071 31.071-.707-.707a9 9 0 0 0 0-12.728l.707-.707a10 10 0 0 1 0 14.142Zm-3.535-3.536-.707-.707a4 4 0 0 0 0-5.656l.707-.707a5 5 0 0 1 0 7.07Z"
+                                  fill="#A7B5EC"
+                                />
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                        <div
-                          class="authenticator-description MuiBox-root emotion-23"
-                        >
-                          <h3
-                            class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-24"
-                            data-se="authenticator-button-label"
-                            id="phone_number_1-label"
-                          >
-                            Phone
-                          </h3>
                           <div
-                            class="cta-button authenticator-button MuiBox-root emotion-25"
-                            data-se="phone_number"
+                            class="authenticator-description MuiBox-root emotion-24"
                           >
-                            <span
-                              class="button select-factor link-button MuiBox-root emotion-26"
-                              data-se="cta-button-label"
-                              id="phone_number_1-ctaLabel"
+                            <h3
+                              class="MuiTypography-root MuiTypography-h3 authenticator-label no-translate emotion-25"
+                              data-se="authenticator-button-label"
+                              id="phone_number_1-label"
                             >
-                              Select
-                            </span>
-                            <svg
-                              class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-27"
-                              fill="none"
-                              focusable="false"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              xmlns="http://www.w3.org/2000/svg"
+                              Phone
+                            </h3>
+                            <div
+                              class="cta-button authenticator-button MuiBox-root emotion-26"
+                              data-se="phone_number"
                             >
-                              <path
-                                clip-rule="evenodd"
-                                d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
-                                fill="currentColor"
-                                fill-rule="evenodd"
-                              />
-                              <title>
+                              <span
+                                class="button select-factor link-button MuiBox-root emotion-27"
+                                data-se="cta-button-label"
+                                id="phone_number_1-ctaLabel"
+                              >
                                 Select
-                              </title>
-                            </svg>
+                              </span>
+                              <svg
+                                class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-28"
+                                fill="none"
+                                focusable="false"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  clip-rule="evenodd"
+                                  d="M13.2929 7.5L9.14645 3.35355L9.85355 2.64645L14.8536 7.64645C15.0488 7.84171 15.0488 8.15829 14.8536 8.35355L9.85355 13.3536L9.14645 12.6464L13.2929 8.5H1V7.5H13.2929Z"
+                                  fill="currentColor"
+                                  fill-rule="evenodd"
+                                />
+                                <title>
+                                  Select
+                                </title>
+                              </svg>
+                            </div>
                           </div>
-                        </div>
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  class="MuiBox-root emotion-9"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-38"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                        </button>
+                      </li>
+                    </ul>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-10"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-39"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
diff --git a/src/v3/test/integration/__snapshots__/webauthn-enroll.test.tsx.snap b/src/v3/test/integration/__snapshots__/webauthn-enroll.test.tsx.snap
index 20da6ff8bc..b823a64982 100644
--- a/src/v3/test/integration/__snapshots__/webauthn-enroll.test.tsx.snap
+++ b/src/v3/test/integration/__snapshots__/webauthn-enroll.test.tsx.snap
@@ -2,135 +2,135 @@
 
 exports[`webauthn-enroll should render form 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester5@test.com"
-                >
-                  tester5@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester5@test.com"
+                  >
+                    tester5@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -138,212 +138,216 @@ exports[`webauthn-enroll should render form 1`] = `
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up security key or biometric authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up security key or biometric authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_You_will_be_prompted_to_register_a_security_key_or_biometric_authenticator_(Windows_Hello,_Touch_ID,_Face_ID,_etc)_Follow_the_instructions_to_complete_set_up_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      You will be prompted to register a security key or biometric authenticator (Windows Hello, Touch ID, Face ID, etc.). Follow the instructions to complete set up.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_You_will_be_prompted_to_register_a_security_key_or_biometric_authenticator_(Windows_Hello,_Touch_ID,_Face_ID,_etc)_Follow_the_instructions_to_complete_set_up_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                      >
+                        You will be prompted to register a security key or biometric authenticator (Windows Hello, Touch ID, Face ID, etc.). Follow the instructions to complete set up.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-24"
+                        data-se="button"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Set up
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-23"
-                      data-se="button"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Set up
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`webauthn-enroll should render form when Credentials API is not available 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester5@test.com"
-                >
-                  tester5@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester5@test.com"
+                  >
+                    tester5@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -351,220 +355,224 @@ exports[`webauthn-enroll should render form when Credentials API is not availabl
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up security key or biometric authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up security key or biometric authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-19"
-                    data-se="message"
+                    class="MuiBox-root emotion-16"
                   >
                     <div
-                      class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-20"
-                      data-se="callout"
-                      role="alert"
+                      class="MuiBox-root emotion-20"
+                      data-se="message"
                     >
                       <div
-                        class="MuiAlert-icon emotion-21"
+                        class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 MuiAlert-root MuiAlert-infoboxError MuiAlert-infobox infobox-error emotion-21"
+                        data-se="callout"
+                        role="alert"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-22"
-                          fill="none"
-                          focusable="false"
-                          viewBox="0 0 16 16"
-                          xmlns="http://www.w3.org/2000/svg"
+                        <div
+                          class="MuiAlert-icon emotion-22"
                         >
-                          <path
-                            clip-rule="evenodd"
-                            d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
-                            fill="currentColor"
-                            fill-rule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div
-                        class="MuiAlert-message emotion-23"
-                      >
-                        Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                          <svg
+                            aria-hidden="true"
+                            class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-23"
+                            fill="none"
+                            focusable="false"
+                            viewBox="0 0 16 16"
+                            xmlns="http://www.w3.org/2000/svg"
+                          >
+                            <path
+                              clip-rule="evenodd"
+                              d="M13.983 14.6471C13.4706 15 12.6329 15 10.9575 15H5.04248C3.36707 15 2.52937 15 2.01699 14.6471C1.56939 14.3387 1.26655 13.8615 1.17816 13.3252C1.07698 12.7114 1.43367 11.9534 2.14706 10.4374L5.10455 4.15277C6.02878 2.18879 6.49089 1.2068 7.12576 0.898255C7.6777 0.630012 8.32225 0.630012 8.87419 0.898255C9.50906 1.2068 9.97117 2.18879 10.8954 4.15277L13.8529 10.4374C14.5663 11.9534 14.923 12.7114 14.8218 13.3252C14.7334 13.8615 14.4306 14.3387 13.983 14.6471ZM7.99998 10C7.72383 10 7.49998 9.77614 7.49998 9.5L7.49998 5H8.49998L8.49998 9.5C8.49998 9.77614 8.27612 10 7.99998 10ZM7.99998 13C8.14831 13 8.29332 12.956 8.41665 12.8736C8.53999 12.7912 8.63612 12.6741 8.69288 12.537C8.74965 12.4 8.7645 12.2492 8.73556 12.1037C8.70662 11.9582 8.6352 11.8246 8.53031 11.7197C8.42542 11.6148 8.29178 11.5434 8.14629 11.5144C8.00081 11.4855 7.85001 11.5003 7.71296 11.5571C7.57592 11.6139 7.45878 11.71 7.37637 11.8333C7.29396 11.9567 7.24998 12.1017 7.24998 12.25C7.24998 12.4489 7.32899 12.6397 7.46964 12.7803C7.6103 12.921 7.80106 13 7.99998 13Z"
+                              fill="currentColor"
+                              fill-rule="evenodd"
+                            />
+                          </svg>
+                        </div>
+                        <div
+                          class="MuiAlert-message emotion-24"
+                        >
+                          Security key or biometric authenticator is not supported on this browser. Contact your admin for assistance.
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-25"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="switchAuthenticator"
+                      role="link"
+                      type="button"
+                    >
+                      Return to authenticator list
+                    </button>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-26"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;
 
 exports[`webauthn-enroll should render form with user verification and edge browser callouts 1`] = `
 <div>
-  <main
-    class="auth-container main-container MuiBox-root emotion-0"
-    data-commit="b9bbc0140703c3fbf0e2e58920362e70"
-    data-version="0.0.0"
-    dir="ltr"
-    id="okta-sign-in"
-    lang="en"
+  <div
+    class="MuiScopedCssBaseline-root emotion-0"
   >
-    <div
-      class="MuiScopedCssBaseline-root emotion-1"
+    <main
+      class="auth-container main-container MuiBox-root emotion-1"
+      data-commit="b9bbc0140703c3fbf0e2e58920362e70"
+      data-version="0.0.0"
+      dir="ltr"
+      id="okta-sign-in"
+      lang="en"
     >
       <div
-        class="MuiBox-root emotion-2"
+        class="MuiScopedCssBaseline-root emotion-2"
       >
         <div
           class="MuiBox-root emotion-3"
         >
           <div
-            class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-4"
+            class="MuiBox-root emotion-4"
           >
-            <h1
-              class="MuiTypography-root MuiTypography-h1 emotion-5"
-            />
             <div
-              aria-hidden="true"
-              class="mfa-webauthn MuiBox-root emotion-6"
-              data-se="factor-beacon"
+              class="okta-sign-in-header auth-header authCoinSpacing MuiBox-root emotion-5"
             >
-              <svg
-                aria-labelledby="mfa-webauthn"
-                fill="none"
-                height="48"
-                role="img"
-                viewBox="0 0 48 48"
-                width="48"
-                xmlns="http://www.w3.org/2000/svg"
+              <h1
+                class="MuiTypography-root MuiTypography-h1 emotion-6"
+              />
+              <div
+                aria-hidden="true"
+                class="mfa-webauthn MuiBox-root emotion-7"
+                data-se="factor-beacon"
               >
-                <title
-                  id="mfa-webauthn"
+                <svg
+                  aria-labelledby="mfa-webauthn"
+                  fill="none"
+                  height="48"
+                  role="img"
+                  viewBox="0 0 48 48"
+                  width="48"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  Security Key or Biometric Authenticator
-                </title>
-                <path
-                  class="siwFillBg"
-                  clip-rule="evenodd"
-                  d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
-                  fill="#F5F5F6"
-                  fill-rule="evenodd"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillPrimaryDark"
-                  d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
-                  fill="#00297A"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
-                  fill="#A7B5EC"
-                />
-                <path
-                  class="siwFillSecondary"
-                  d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
-                  fill="#A7B5EC"
-                />
-              </svg>
+                  <title
+                    id="mfa-webauthn"
+                  >
+                    Security Key or Biometric Authenticator
+                  </title>
+                  <path
+                    class="siwFillBg"
+                    clip-rule="evenodd"
+                    d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"
+                    fill="#F5F5F6"
+                    fill-rule="evenodd"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M24 17V9h-9v8h-3v15.5a2.5 2.5 0 0 0 2.5 2.5h6.34a8.58 8.58 0 0 1-.38-1H14.5a1.5 1.5 0 0 1-1.5-1.5V18h13v3.84a8.58 8.58 0 0 1 1-.38V17h-3Zm-8 0v-7h7v7h-7Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillPrimaryDark"
+                    d="M19.5 25a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"
+                    fill="#00297A"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M30 40a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9Zm0-17a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M32.084 36.019a.472.472 0 0 1-.319-.112.501.501 0 0 1-.159-.532c.43-1.389 1.274-4.787-.119-6.352a1.962 1.962 0 0 0-1.946-.6 1.93 1.93 0 0 0-1.387 2.354c.007.024.666 2.823-.966 4.55a.5.5 0 1 1-.727-.685c1.24-1.314.728-3.6.723-3.622a2.933 2.933 0 0 1 2.106-3.566 2.977 2.977 0 0 1 2.944.906c1.67 1.875.922 5.386.328 7.312a.5.5 0 0 1-.478.347Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M28.63 37.25a.5.5 0 0 1-.359-.849c2.235-2.3 1.345-5.782 1.336-5.817a.5.5 0 0 1 .966-.259c.045.165 1.052 4.067-1.586 6.774a.5.5 0 0 1-.358.151Z"
+                    fill="#A7B5EC"
+                  />
+                  <path
+                    class="siwFillSecondary"
+                    d="M34.88 35.2a.5.5 0 0 1-.488-.612c.493-2.2.716-5.235-1.03-7.2a4.508 4.508 0 0 0-4.455-1.357 4.416 4.416 0 0 0-2.72 2.069 4.2 4.2 0 0 0-.468 3.2 3.1 3.1 0 0 1-.355 2.347.5.5 0 1 1-.728-.685 2.37 2.37 0 0 0 .11-1.434 5.174 5.174 0 0 1 .577-3.939 5.42 5.42 0 0 1 3.333-2.518 5.524 5.524 0 0 1 5.453 1.66c1.628 1.832 2.051 4.551 1.257 8.082a.5.5 0 0 1-.487.387Z"
+                    fill="#A7B5EC"
+                  />
+                </svg>
+              </div>
             </div>
-          </div>
-          <div
-            class="MuiBox-root emotion-7"
-          >
             <div
-              class="identifier-container MuiBox-root emotion-8"
+              class="MuiBox-root emotion-8"
             >
               <div
-                class="MuiBox-root emotion-9"
+                class="identifier-container MuiBox-root emotion-9"
               >
-                <span
+                <div
                   class="MuiBox-root emotion-10"
                 >
-                  <svg
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-11"
-                    fill="none"
-                    focusable="false"
-                    role="img"
-                    viewBox="0 0 16 16"
-                    xmlns="http://www.w3.org/2000/svg"
+                  <span
+                    class="MuiBox-root emotion-11"
                   >
-                    <path
-                      clip-rule="evenodd"
-                      d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                    />
-                    <title>
-                      User
-                    </title>
-                  </svg>
-                </span>
-                <span
-                  class="identifier no-translate MuiBox-root emotion-12"
-                  data-se="identifier"
-                  title="tester5@test.com"
-                >
-                  tester5@test.com
-                </span>
+                    <svg
+                      class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit emotion-12"
+                      fill="none"
+                      focusable="false"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M10 3V5C10 6.10457 9.10457 7 8 7C6.89543 7 6 6.10457 6 5V3C6 1.89543 6.89543 1 8 1C9.10457 1 10 1.89543 10 3ZM5 3C5 1.34315 6.34315 0 8 0C9.65685 0 11 1.34315 11 3V5C11 6.65685 9.65685 8 8 8C6.34315 8 5 6.65685 5 5V3ZM4.1305 10.0742C4.26803 10.0181 4.459 10 5.41376 10H10.5862C11.541 10 11.732 10.0181 11.8695 10.0742C12.0299 10.1398 12.1706 10.2459 12.2777 10.3821C12.3695 10.4989 12.4393 10.6776 12.7016 11.5956L13.6743 15H2.32573L3.29841 11.5956C3.5607 10.6776 3.63054 10.4989 3.72233 10.3821C3.82941 10.2459 3.97006 10.1398 4.1305 10.0742ZM13.6631 11.3209L14.7143 15L15 16H13.96H2.04002H1L1.28571 15L2.33689 11.3209C2.57458 10.489 2.69343 10.073 2.93606 9.76423C3.15022 9.49171 3.43152 9.27953 3.75239 9.14848C4.11592 9 4.54854 9 5.41376 9H10.5862C11.4515 9 11.8841 9 12.2476 9.14848C12.5685 9.27953 12.8498 9.49171 13.0639 9.76423C13.3066 10.073 13.4254 10.489 13.6631 11.3209Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                      />
+                      <title>
+                        User
+                      </title>
+                    </svg>
+                  </span>
+                  <span
+                    class="identifier no-translate MuiBox-root emotion-13"
+                    data-se="identifier"
+                    title="tester5@test.com"
+                  >
+                    tester5@test.com
+                  </span>
+                </div>
               </div>
-            </div>
-            <form
-              class="o-form MuiBox-root emotion-13"
-              data-se="o-form"
-              novalidate=""
-            >
-              <div
-                class="MuiBox-root emotion-14"
+              <form
+                class="o-form MuiBox-root emotion-14"
+                data-se="o-form"
+                novalidate=""
               >
                 <div
                   class="MuiBox-root emotion-15"
@@ -572,92 +580,96 @@ exports[`webauthn-enroll should render form with user verification and edge brow
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <h2
-                      class="MuiTypography-root MuiTypography-h4 emotion-17"
-                      data-se="o-form-head"
-                      id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
-                      tabindex="-1"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Set up security key or biometric authenticator
-                    </h2>
+                      <h2
+                        class="MuiTypography-root MuiTypography-h4 emotion-18"
+                        data-se="o-form-head"
+                        id="enroll-authenticator_Title_Set_up_security_key_or_biometric_authenticator_webauthn_aut2h3f9ovE2RV96P1d7_1"
+                        tabindex="-1"
+                      >
+                        Set up security key or biometric authenticator
+                      </h2>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_You_will_be_prompted_to_register_a_security_key_or_biometric_authenticator_(Windows_Hello,_Touch_ID,_Face_ID,_etc)_Follow_the_instructions_to_complete_set_up_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      You will be prompted to register a security key or biometric authenticator (Windows Hello, Touch ID, Face ID, etc.). Follow the instructions to complete set up.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_You_will_be_prompted_to_register_a_security_key_or_biometric_authenticator_(Windows_Hello,_Touch_ID,_Face_ID,_etc)_Follow_the_instructions_to_complete_set_up_webauthn_aut2h3f9ovE2RV96P1d7_2"
+                      >
+                        You will be prompted to register a security key or biometric authenticator (Windows Hello, Touch ID, Face ID, etc.). Follow the instructions to complete set up.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
                     class="MuiBox-root emotion-16"
                   >
-                    <p
-                      class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-20"
-                      data-se="o-form-explain"
-                      id="enroll-authenticator_Description_Note:_If_you_are_enrolling_a_security_key_and_Windows_Hello_or_PIN_is_enabled,_you_will_need_to_select_Cancel_in_the_prompt_before_continuing_webauthn_aut2h3f9ovE2RV96P1d7_3"
+                    <div
+                      class="MuiBox-root emotion-17"
                     >
-                      Note: If you are enrolling a security key and Windows Hello or PIN is enabled, you will need to select 'Cancel' in the prompt before continuing.
-                    </p>
+                      <p
+                        class="MuiTypography-root MuiTypography-body1 MuiTypography-paragraph emotion-21"
+                        data-se="o-form-explain"
+                        id="enroll-authenticator_Description_Note:_If_you_are_enrolling_a_security_key_and_Windows_Hello_or_PIN_is_enabled,_you_will_need_to_select_Cancel_in_the_prompt_before_continuing_webauthn_aut2h3f9ovE2RV96P1d7_3"
+                      >
+                        Note: If you are enrolling a security key and Windows Hello or PIN is enabled, you will need to select 'Cancel' in the prompt before continuing.
+                      </p>
+                    </div>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
                   <div
-                    class="MuiBox-root emotion-15"
+                    class="MuiBox-root emotion-16"
+                  >
+                    <div
+                      class="MuiBox-root emotion-16"
+                    >
+                      <button
+                        class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-27"
+                        data-se="button"
+                        tabindex="0"
+                        type="button"
+                      >
+                        Set up
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
                     <button
-                      class="MuiButtonBase-root MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-primary MuiButton-primaryPrimary MuiButton-sizeMedium MuiButton-primarySizeMedium MuiButton-disableElevation MuiButton-fullWidth emotion-26"
-                      data-se="button"
-                      tabindex="0"
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
+                      data-se="switchAuthenticator"
+                      role="link"
                       type="button"
                     >
-                      Set up
+                      Return to authenticator list
                     </button>
                   </div>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
-                    data-se="switchAuthenticator"
-                    role="link"
-                    type="button"
-                  >
-                    Return to authenticator list
-                  </button>
-                </div>
-                <div
-                  class="MuiBox-root emotion-15"
-                >
-                  <button
-                    class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-28"
-                    data-se="cancel"
-                    role="link"
-                    type="button"
+                  <div
+                    class="MuiBox-root emotion-16"
                   >
-                    Back to sign in
-                  </button>
+                    <button
+                      class="MuiTypography-root MuiTypography-body1 MuiLink-root MuiLink-underlineAlways MuiLink-button emotion-29"
+                      data-se="cancel"
+                      role="link"
+                      type="button"
+                    >
+                      Back to sign in
+                    </button>
+                  </div>
                 </div>
-              </div>
-            </form>
+              </form>
+            </div>
           </div>
         </div>
       </div>
-    </div>
-  </main>
+    </main>
+  </div>
 </div>
 `;