From ab00645c237b5934f09f80f231d0cb12b772394d Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Mon, 23 Dec 2024 18:29:10 +0500
Subject: [PATCH] web: fix recovery view button text not wrapping

---
 apps/web/src/views/recovery.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/views/recovery.tsx b/apps/web/src/views/recovery.tsx
index 08ec112f8..05757a449 100644
--- a/apps/web/src/views/recovery.tsx
+++ b/apps/web/src/views/recovery.tsx
@@ -310,7 +310,8 @@ function RecoveryMethods(props: BaseRecoveryComponentProps<"methods">) {
             sx={{
               color: method.isDangerous
                 ? "var(--paragraph-error)"
-                : "var(--paragraph-secondary)"
+                : "var(--paragraph-secondary)",
+              whiteSpace: "pre-wrap"
             }}
           >
             {method.description()}