From b63c87f23ca46849f58f813cb18eb0e5ecba1174 Mon Sep 17 00:00:00 2001
From: RoyceDa <admin@rosetta-im.com>
Date: Tue, 17 Feb 2026 12:12:21 +0200
Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=20=D0=B2=D0=B5=D1=80?=
 =?UTF-8?q?=D1=81=D1=82=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D1=8D=D0=BA=D1=80?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B5=20Backup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/TextChain/TextChain.tsx | 47 ++++++++++++++++----------
 app/views/Backup/Backup.tsx            |  8 ++---
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/app/components/TextChain/TextChain.tsx b/app/components/TextChain/TextChain.tsx
index 55a9e72..a63b3aa 100644
--- a/app/components/TextChain/TextChain.tsx
+++ b/app/components/TextChain/TextChain.tsx
@@ -5,6 +5,7 @@ import { useState, useEffect } from "react";
 interface TextChainProps {
     text: string;
     mt?: MantineSize;
+    withoutPaper?: boolean;
 }
 
 export function TextChain(props : TextChainProps) {
@@ -26,31 +27,41 @@ export function TextChain(props : TextChainProps) {
         });
     }, [text]);
 
+    const grid = (
+         <SimpleGrid cols={3} spacing="xs">
+            {text.split(" ").map((v, i) => {
+                return (
+                    <Box 
+                        key={i}
+                        className={classes.wordBox}
+                        style={{
+                            opacity: mounted[i] ? 1 : 0,
+                            transform: mounted[i] ? 'scale(1)' : 'scale(0.9)',
+                            transition: 'opacity 300ms ease, transform 300ms ease',
+                        }}
+                    >
+                        <Text size="xs" c="dimmed" mr={4}>{i + 1}.</Text>
+                        <Text size="sm" fw={500}>{v}</Text>
+                    </Box>
+                );
+            })}
+        </SimpleGrid>
+    );
+
     return (
+        !props.withoutPaper ? (
         <Box mt={props.mt}>
             <Box className={classes.displayArea}>
                 <Text size="sm" mb="md" c="dimmed">
                     Your seed phrase:
                 </Text>
-                <SimpleGrid cols={3} spacing="xs">
-                    {text.split(" ").map((v, i) => {
-                        return (
-                            <Box 
-                                key={i}
-                                className={classes.wordBox}
-                                style={{
-                                    opacity: mounted[i] ? 1 : 0,
-                                    transform: mounted[i] ? 'scale(1)' : 'scale(0.9)',
-                                    transition: 'opacity 300ms ease, transform 300ms ease',
-                                }}
-                            >
-                                <Text size="xs" c="dimmed" mr={4}>{i + 1}.</Text>
-                                <Text size="sm" fw={500}>{v}</Text>
-                            </Box>
-                        );
-                    })}
-                </SimpleGrid>
+                {grid}
             </Box>
         </Box>
+        ) : (
+        <Box mt={props.mt}>
+            {grid}
+        </Box>
+        )
     )
 }
\ No newline at end of file
diff --git a/app/views/Backup/Backup.tsx b/app/views/Backup/Backup.tsx
index 29a30cf..411aadf 100644
--- a/app/views/Backup/Backup.tsx
+++ b/app/views/Backup/Backup.tsx
@@ -5,7 +5,7 @@ import { SettingsInput } from "@/app/components/SettingsInput/SettingsInput";
 import { TextChain } from "@/app/components/TextChain/TextChain";
 import { decodeWithPassword } from "@/app/crypto/crypto";
 import { useAccount } from "@/app/providers/AccountProvider/useAccount";
-import { Paper, Text } from "@mantine/core";
+import { Text } from "@mantine/core";
 import { useState } from "react";
 
 export function Backup() {
@@ -39,10 +39,8 @@ export function Backup() {
                 </Text>        
                 {show.trim() !== "" && (
                 <>
-                    <Paper mt={'sm'} p={'md'} withBorder>
-                        <TextChain rainbow={true} mt={'sm'} text={show}></TextChain>
-                    </Paper>
-                    <Text fz={10} mt={3} c={'gray'} pl={'xs'} pr={'xs'}>
+                    <TextChain withoutPaper mt={'sm'} text={show}></TextChain>
+                    <Text fz={10} mt={'sm'} c={'gray'} pl={'xs'} pr={'xs'}>
                         Please don't share your seed phrase! The administration will never ask you for it.
                     </Text>
                 </>