From a1fda786f5a789a8ca65df98ac8e34f5fa5d7360 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Wed, 19 Feb 2025 10:30:33 +0530
Subject: [PATCH] Fix look (paper now has a default shadow)

---
 .../photos/components/sidebar/MLSettings.tsx  | 72 +++++++++----------
 1 file changed, 35 insertions(+), 37 deletions(-)

diff --git a/web/packages/new/photos/components/sidebar/MLSettings.tsx b/web/packages/new/photos/components/sidebar/MLSettings.tsx
index aadea1c373..fd107c17e6 100644
--- a/web/packages/new/photos/components/sidebar/MLSettings.tsx
+++ b/web/packages/new/photos/components/sidebar/MLSettings.tsx
@@ -16,7 +16,6 @@ import {
     FormControlLabel,
     FormGroup,
     Link,
-    Paper,
     Stack,
     Typography,
 } from "@mui/material";
@@ -288,43 +287,42 @@ const ManageML: React.FC<ManageMLProps> = ({ mlStatus, onDisableML }) => {
                     />
                 </RowButtonGroup>
             </Stack>
-            <Paper variant="outlined">
-                <Stack>
-                    <Stack
-                        direction="row"
-                        sx={{
-                            gap: 2,
-                            px: 2,
-                            pt: 1,
-                            pb: 2,
-                            justifyContent: "space-between",
-                        }}
-                    >
-                        <Typography sx={{ color: "text.faint" }}>
-                            {t("indexing")}
-                        </Typography>
-                        <Typography>{status}</Typography>
-                    </Stack>
-                    <Divider sx={{ marginInlineStart: 2 }} />
-                    <Stack
-                        direction="row"
-                        sx={{
-                            gap: 2,
-                            px: 2,
-                            pt: 2,
-                            pb: 1,
-                            justifyContent: "space-between",
-                        }}
-                    >
-                        <Typography sx={{ color: "text.faint" }}>
-                            {t("processed")}
-                        </Typography>
-                        <Typography sx={{ textAlign: "right" }}>
-                            {processed}
-                        </Typography>
-                    </Stack>
+
+            <Stack>
+                <Stack
+                    direction="row"
+                    sx={{
+                        gap: 2,
+                        px: 2,
+                        pt: 1,
+                        pb: 2,
+                        justifyContent: "space-between",
+                    }}
+                >
+                    <Typography sx={{ color: "text.faint" }}>
+                        {t("indexing")}
+                    </Typography>
+                    <Typography>{status}</Typography>
                 </Stack>
-            </Paper>
+                <Divider sx={{ marginInline: 2 }} />
+                <Stack
+                    direction="row"
+                    sx={{
+                        gap: 2,
+                        px: 2,
+                        pt: 2,
+                        pb: 1,
+                        justifyContent: "space-between",
+                    }}
+                >
+                    <Typography sx={{ color: "text.faint" }}>
+                        {t("processed")}
+                    </Typography>
+                    <Typography sx={{ textAlign: "right" }}>
+                        {processed}
+                    </Typography>
+                </Stack>
+            </Stack>
         </Stack>
     );
 };