From 3622028ba1130d72bf9c6a769b713d2b67c64745 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Thu, 5 Sep 2024 11:54:47 +0200
Subject: [PATCH] Prevent theme preview layout jump on selection

---
 src/screens/settings/Appearance.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/screens/settings/Appearance.tsx b/src/screens/settings/Appearance.tsx
index dbedccf4..0000b84c 100644
--- 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 }}
                             />