Bug fixes

src/pages/settings/components/Theming/ThemeModal.tsx

@@ -126,6 +126,7 @@ function ThemeModal({
 			opened={opened}
 			onClose={handleClose}
 			fullScreen={isMobile}
+			centered
 			style={{
 				'--color-text-pri': theme.primaryColor,
 				'--color-text-acc': theme.accentColor,
@@ -135,7 +136,7 @@ function ThemeModal({
 				'--image-background': `url("${theme.backgroundImage}")`,
 			}}
 		>
-			<Modal.Overlay />
+			<Modal.Overlay style={{ backdropFilter: 'blur(5px)' }} />
 			<Modal.Content>
 				<Modal.Header style={{ justifyContent: 'center' }}>
 					<Group pos={'absolute'}>

src/pages/settings/components/Theming/ThemePlaylistModal.tsx

@@ -45,6 +45,7 @@ function ThemePlaylistModal({
 			classNames={modalClasses}
 			opened={opened}
 			fullScreen={isMobile}
+			centered
 			onClose={() => {
 				handleClose();
 				setThemeList('[]');
@@ -58,7 +59,7 @@ function ThemePlaylistModal({
 				'--image-background': `url("${theme.backgroundImage}")`,
 			}}
 		>
-			<Modal.Overlay />
+			<Modal.Overlay style={{ backdropFilter: 'blur(5px)' }} />
 			<Modal.Content>
 				<Modal.Header style={{ justifyContent: 'center' }}>
 					<Group pos={'absolute'}>