mobile: improve recovery key readability

Signed-off-by: kashaf-ansari-dev <kashafansari3108@gmail.com>
2026-08-29 10:09:26 +02:00 · 2026-07-31 18:30:41 +05:00
parent d3d21aa835
commit 696f57423b
1 changed files with 4 additions and 2 deletions
--- a/apps/mobile/app/components/sheets/recovery-key/index.jsx
+++ b/apps/mobile/app/components/sheets/recovery-key/index.jsx
@@ -230,7 +230,7 @@ class RecoveryKeySheet extends React.Component {
          >
            <Paragraph
              color={colors.primary.paragraph}
-              size={AppFontSize.sm}
+              size={AppFontSize.md}
              numberOfLines={2}
              selectable
              style={{
@@ -238,7 +238,9 @@ class RecoveryKeySheet extends React.Component {
                maxWidth: "100%",
                paddingRight: 10,
                textAlign: "center",
-                textDecorationLine: "underline"
+                textDecorationLine: "underline",
+                letterSpacing: 0.5,
+                fontFamily: "monospace"
              }}
            >
              {this.state.key}