web: fix recovery view header overflow on small screens

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
2026-09-02 04:01:43 +02:00 · 2026-06-12 15:46:48 +05:00
parent 2f47146ae2
commit 0319623ba8
1 changed files with 4 additions and 2 deletions
--- 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")}