From 3c7db36f6294dba3b7f0a62c48a7afbeac88a2dd Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Fri, 4 Oct 2024 16:34:17 +0530
Subject: [PATCH] Unnest and fix

---
 .../components/Upload/UploadTypeSelector.tsx  | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/web/apps/photos/src/components/Upload/UploadTypeSelector.tsx b/web/apps/photos/src/components/Upload/UploadTypeSelector.tsx
index 3810b34e62..f76fc5d792 100644
--- a/web/apps/photos/src/components/Upload/UploadTypeSelector.tsx
+++ b/web/apps/photos/src/components/Upload/UploadTypeSelector.tsx
@@ -233,39 +233,37 @@ const TakeoutOptions: React.FC<Omit<OptionsProps, "intent">> = ({
                 </SpaceBetweenFlex>
             </DialogTitle>
 
-            <Box p={1.5}>
-                <Stack gap={2.5}>
-                    <Stack gap={1}>
-                        <FocusVisibleButton
-                            color="accent"
-                            fullWidth
-                            onClick={() => onSelect("folders")}
-                        >
-                            {t("select_folder")}
+            <Stack p={1.5} gap={2.5}>
+                <Stack gap={1}>
+                    <FocusVisibleButton
+                        color="accent"
+                        fullWidth
+                        onClick={() => onSelect("folders")}
+                    >
+                        {t("select_folder")}
+                    </FocusVisibleButton>
+                    <FocusVisibleButton
+                        color="secondary"
+                        fullWidth
+                        onClick={() => onSelect("zips")}
+                    >
+                        {t("select_zips")}
+                    </FocusVisibleButton>
+                    <Link
+                        href="https://help.ente.io/photos/migration/from-google-photos/"
+                        target="_blank"
+                        rel="noopener"
+                    >
+                        <FocusVisibleButton color="secondary" fullWidth>
+                            {t("faq")}
                         </FocusVisibleButton>
-                        <FocusVisibleButton
-                            color="secondary"
-                            fullWidth
-                            onClick={() => onSelect("zips")}
-                        >
-                            {t("Select zips")}
-                        </FocusVisibleButton>
-                        <Link
-                            href="https://help.ente.io/photos/migration/from-google-photos/"
-                            target="_blank"
-                            rel="noopener"
-                        >
-                            <FocusVisibleButton color="secondary" fullWidth>
-                                {t("faq")}
-                            </FocusVisibleButton>
-                        </Link>
-                    </Stack>
-
-                    <Typography variant="small" color="text.muted" pb={1}>
-                        {t("takeout_hint")}
-                    </Typography>
+                    </Link>
                 </Stack>
-            </Box>
+
+                <Typography variant="small" color="text.muted" pb={1}>
+                    {t("takeout_hint")}
+                </Typography>
+            </Stack>
         </>
     );
 };