Adjust theme preview components styling

2024-09-06 23:29:40 +02:00
parent 81fe710531
commit f0701ff03a
3 changed files with 48 additions and 25 deletions
--- a/src/screens/settings/appearance/theme/ThemeList.tsx
+++ b/src/screens/settings/appearance/theme/ThemeList.tsx
@@ -60,7 +60,7 @@ export const ThemeList = () => {
    }

    return (
-        <Stack sx={{ flexDirection: 'row', flexWrap: 'no-wrap', overflowX: 'auto', gap: 1, mx: 1 }}>
+        <Stack sx={{ flexDirection: 'row', flexWrap: 'no-wrap', overflowX: 'auto', gap: 1, mx: 2 }}>
            <CreateThemeButton />
            {allThemes.map((theme) => (
                <ThemePreview