diff --git a/apps/web/src/dialogs/mfa/steps.tsx b/apps/web/src/dialogs/mfa/steps.tsx index ac988961f3..b79da60c84 100644 --- a/apps/web/src/dialogs/mfa/steps.tsx +++ b/apps/web/src/dialogs/mfa/steps.tsx @@ -258,7 +258,7 @@ function ChooseAuthenticator(props: ChooseAuthenticatorProps) { justifyContent: "start", alignItems: "start", textAlign: "left", - bg: "transparent", + bg: selected === index ? "shade" : "transparent", px: 0 }} onClick={() => setSelected(index)} @@ -759,7 +759,10 @@ function Fallback2FAEnabled(props: Fallback2FAEnabledProps) { mt={1} sx={{ textAlign: "center", color: "var(--paragraph-secondary)" }} > - {strings.mfaFallbackMethodText(fallbackMethod, primaryMethod)} + {strings.mfaFallbackMethodText( + strings[fallbackMethod]().toLocaleLowerCase(), + strings[primaryMethod]().toLocaleLowerCase() + )}