From 0319623ba8d2228be500e9efc55d4d2ad7500fc0 Mon Sep 17 00:00:00 2001
From: 01zulfi <85733202+01zulfi@users.noreply.github.com>
Date: Fri, 12 Jun 2026 15:46:48 +0500
Subject: [PATCH] web: fix recovery view header overflow on small screens
 Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

---
 apps/web/src/views/recovery.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/views/recovery.tsx b/apps/web/src/views/recovery.tsx
index d8d843731..21f53100c 100644
--- a/apps/web/src/views/recovery.tsx
+++ b/apps/web/src/views/recovery.tsx
@@ -174,7 +174,7 @@ function Recovery(props: RecoveryProps) {
               <Text
                 sx={{
                   display: "flex",
-                  alignSelf: "end",
+                  alignSelf: "center",
                   alignItems: "center"
                 }}
                 variant={"body"}
@@ -187,7 +187,9 @@ function Recovery(props: RecoveryProps) {
                   mt: 0,
                   ml: 2,
                   alignSelf: "start",
-                  alignItems: "center"
+                  alignItems: "center",
+                  textWrap: "wrap",
+                  textAlign: "right"
                 }}
                 variant={"secondary"}
                 onClick={() => openURL("/login")}