From ed140d8f501f504851b4cd1d141312b1cadf8339 Mon Sep 17 00:00:00 2001
From: Sergey Kintsel <sergey.kintsel@trili.tech>
Date: Wed, 4 Oct 2023 12:02:30 +0100
Subject: [PATCH] Fix account derivation

---
 ...untList.test.tsx => AccountsList.test.tsx} |  0
 src/views/home/AccountsList.tsx               | 24 ++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)
 rename src/views/home/{AccountList.test.tsx => AccountsList.test.tsx} (100%)

diff --git a/src/views/home/AccountList.test.tsx b/src/views/home/AccountsList.test.tsx
similarity index 100%
rename from src/views/home/AccountList.test.tsx
rename to src/views/home/AccountsList.test.tsx
diff --git a/src/views/home/AccountsList.tsx b/src/views/home/AccountsList.tsx
index 2a5abbf12f..e1e6130332 100644
--- a/src/views/home/AccountsList.tsx
+++ b/src/views/home/AccountsList.tsx
@@ -1,4 +1,13 @@
-import { Box, Button, Flex, Heading, Text, useToast } from "@chakra-ui/react";
+import {
+  Box,
+  Button,
+  Flex,
+  Heading,
+  ModalCloseButton,
+  ModalContent,
+  Text,
+  useToast,
+} from "@chakra-ui/react";
 import { compact, groupBy } from "lodash";
 import { useContext } from "react";
 import { BsWindowPlus } from "react-icons/bs";
@@ -195,10 +204,13 @@ const DeriveAccount = (props: { onDone: () => void; fingerprint: string }) => {
     );
 
   return (
-    <DeriveAccountDisplay
-      subtitle={`Name the new account dervied from seedphrase ${props.fingerprint}`}
-      onSubmit={handleSubmit}
-      isLoading={isLoading}
-    />
+    <ModalContent>
+      <ModalCloseButton />
+      <DeriveAccountDisplay
+        subtitle={`Name the new account derived from ${props.fingerprint}`}
+        onSubmit={handleSubmit}
+        isLoading={isLoading}
+      />
+    </ModalContent>
   );
 };