From ce3de56fcd2ad313c2ed0fa361f7a87b50d75c0a Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Thu, 5 Sep 2024 12:20:21 +0200
Subject: [PATCH] Fix typo in component name

---
 src/screens/settings/Appearance.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/screens/settings/Appearance.tsx b/src/screens/settings/Appearance.tsx
index f46387d2..ee0654af 100644
--- a/src/screens/settings/Appearance.tsx
+++ b/src/screens/settings/Appearance.tsx
@@ -33,7 +33,7 @@ import { langCodeToName } from '@/util/language.tsx';
 import { AppTheme, appThemes } from '@/lib/ui/AppThemes.ts';
 import { createTheme } from '@/theme.ts';
 
-const ThemePreviewBage = styled(Box)(({ theme }) => ({
+const ThemePreviewBadge = styled(Box)(({ theme }) => ({
     width: '15px',
     height: '20px',
     borderRadius: theme.shape.borderRadius,
@@ -114,8 +114,8 @@ const ThemePreview = ({ theme }: { theme: AppTheme }) => {
                                         p: 1,
                                     }}
                                 >
-                                    <ThemePreviewBage sx={{ backgroundColor: 'primary.main' }} />
-                                    <ThemePreviewBage sx={{ backgroundColor: 'secondary.main' }} />
+                                    <ThemePreviewBadge sx={{ backgroundColor: 'primary.main' }} />
+                                    <ThemePreviewBadge sx={{ backgroundColor: 'secondary.main' }} />
                                 </Stack>
                             </Stack>
                             <Stack