diff --git a/src/pages/settings/components/Theming/ThemeModalContent.tsx b/src/pages/settings/components/Theming/ThemeModalContent.tsx
index 0ec1361..513801e 100644
--- a/src/pages/settings/components/Theming/ThemeModalContent.tsx
+++ b/src/pages/settings/components/Theming/ThemeModalContent.tsx
@@ -8,13 +8,16 @@ export default function ThemeModalContent({ selectedTheme }: { selectedTheme: Th
 			style={{
 				width: '100%',
 				backgroundImage:
-					selectedTheme.backgroundImage !== 'none'
+					selectedTheme?.backgroundImage.toLocaleLowerCase() !== 'none'
 						? `linear-gradient(${selectedTheme?.backgroundColor}33, ${selectedTheme?.backgroundColor}33), url(../../api/backgroundImages/${selectedTheme?.backgroundImage})`
 						: undefined,
-				backgroundSize: selectedTheme.backgroundImage !== 'none' ? 'cover' : undefined,
+				backgroundSize:
+					selectedTheme?.backgroundImage.toLocaleLowerCase() !== 'none'
+						? 'cover'
+						: undefined,
 				backgroundColor:
-					selectedTheme.backgroundImage === 'none'
-						? selectedTheme.backgroundColor
+					selectedTheme?.backgroundImage.toLocaleLowerCase() === 'none'
+						? selectedTheme?.backgroundColor
 						: undefined,
 				backgroundPosition: 'center',
 				borderRadius: '10px',