fix: admin/accounts: wrong color with light theme

rejetto · Jan 3, 2025 · 8f7dc1b · 8f7dc1b
1 parent f745013
commit 8f7dc1b
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/admin/src/AccountsPage.ts b/admin/src/AccountsPage.ts
@@ -76,19 +76,19 @@ export default function AccountsPage() {
     return element || h(Grid, { container: true, rowSpacing: 1, columnSpacing: 2, top: 0, flex: '1 1 auto', height: 0 },
         h(Grid, { item: true, xs: 12, [sideBreakpoint]: 5, lg: 4, xl: 5, ...scrollProps },
             h(Box, {
-                    display: 'flex',
-                    flexWrap: 'wrap',
-                    gap: 2,
-                    mb: 2,
-                    boxShadow: '0px -8px 4px 10px #111',
-                    sx: {
-                        position: 'sticky',
-                        top: 0,
-                        zIndex: 2,
-                        backgroundColor: 'background.paper',
-                        width: 'fit-content',
-                    },
+                display: 'flex',
+                flexWrap: 'wrap',
+                gap: 2,
+                mb: 2,
+                boxShadow: theme => `0px -8px 4px 10px ${theme.palette.background.paper}`,
+                sx: {
+                    position: 'sticky',
+                    top: 0,
+                    zIndex: 2,
+                    backgroundColor: 'background.paper',
+                    width: 'fit-content',
                 },
+            },
                 h(MenuButton, {
                     variant: 'contained',
                     startIcon: h(PersonAdd),