From e29908f8b3800d5077eff12edd9984b4128623f2 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Mon, 3 Jun 2024 11:45:45 +0530
Subject: [PATCH] Inline

---
 web/packages/shared/components/RecoveryKey/index.tsx      | 8 +++++++-
 .../shared/components/RecoveryKey/styledComponents.tsx    | 6 ------
 2 files changed, 7 insertions(+), 7 deletions(-)
 delete mode 100644 web/packages/shared/components/RecoveryKey/styledComponents.tsx

diff --git a/web/packages/shared/components/RecoveryKey/index.tsx b/web/packages/shared/components/RecoveryKey/index.tsx
index 5bd261960d..559dabffd2 100644
--- a/web/packages/shared/components/RecoveryKey/index.tsx
+++ b/web/packages/shared/components/RecoveryKey/index.tsx
@@ -4,16 +4,17 @@ import DialogTitleWithCloseButton from "@ente/shared/components/DialogBox/TitleW
 import { getRecoveryKey } from "@ente/shared/crypto/helpers";
 import { downloadAsFile } from "@ente/shared/utils";
 import {
+    Box,
     Button,
     Dialog,
     DialogActions,
     DialogContent,
     Typography,
+    styled,
 } from "@mui/material";
 import * as bip39 from "bip39";
 import { t } from "i18next";
 import { useEffect, useState } from "react";
-import { DashedBorderWrapper } from "./styledComponents";
 
 // mobile client library only supports english.
 bip39.setDefaultWordlist("english");
@@ -82,3 +83,8 @@ function RecoveryKey({ somethingWentWrong, isMobile, ...props }: Props) {
     );
 }
 export default RecoveryKey;
+
+const DashedBorderWrapper = styled(Box)(({ theme }) => ({
+    border: `1px dashed ${theme.palette.grey.A400}`,
+    borderRadius: theme.spacing(1),
+}));
diff --git a/web/packages/shared/components/RecoveryKey/styledComponents.tsx b/web/packages/shared/components/RecoveryKey/styledComponents.tsx
deleted file mode 100644
index 944001ebeb..0000000000
--- a/web/packages/shared/components/RecoveryKey/styledComponents.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { Box, styled } from "@mui/material";
-
-export const DashedBorderWrapper = styled(Box)(({ theme }) => ({
-    border: `1px dashed ${theme.palette.grey.A400}`,
-    borderRadius: theme.spacing(1),
-}));