web: make 2fa recovery codes more readable

2025-12-29 00:20:04 +01:00 · 2023-06-08 12:02:14 +05:00
parent 163dfac5d7
commit 94cc3a6853
1 changed files with 3 additions and 1 deletions
--- a/apps/web/src/components/dialogs/mfa/steps.tsx
+++ b/apps/web/src/components/dialogs/mfa/steps.tsx
@@ -669,6 +669,8 @@ function BackupRecoveryCodes(props: TwoFactorEnabledProps) {
          gridTemplateColumns: "1fr 1fr 1fr 1fr",
          bg: "bgSecondary",
          p: 2,
+          gap: 1,
+          columnGap: 2,
          borderRadius: "default"
        }}
      >
@@ -677,7 +679,7 @@ function BackupRecoveryCodes(props: TwoFactorEnabledProps) {
            key={code}
            className="selectable"
            as="code"
-            variant={"subheading"}
+            variant={"body"}
            sx={{
              fontFamily: "monospace",
              textAlign: "center",