Prevent theme preview layout jump on selection

2024-09-05 11:54:47 +02:00
parent 02b2758a97
commit 3622028ba1
1 changed files with 8 additions and 1 deletions
--- a/src/screens/settings/Appearance.tsx
+++ b/src/screens/settings/Appearance.tsx
@@ -74,7 +74,14 @@ const ThemePreview = ({ theme }: { theme: AppTheme }) => {
                    onClick={() => setAppTheme(theme.id)}
                >
                    <Stack sx={{ height: '100%', gap: 2, p: 1 }}>
-                        <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>
+                        <Stack
+                            sx={{
+                                maxHeight: '20px',
+                                flexDirection: 'row',
+                                justifyContent: 'space-between',
+                                alignItems: 'center',
+                            }}
+                        >
                            <Box
                                sx={{ width: '65%', height: '20px', backgroundColor: 'primary.dark', borderRadius: 1 }}
                            />