Mobile improvements and packages updates

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

@@ -149,7 +149,7 @@ function ThemesSettings() {
 				align='center'
 				pos={'relative'}
 				mt={isMobile ? '10rem' : '7rem'}
-				mb={isMobile ? '8rem' : '6.5rem'}
+				mb={isMobile ? '12rem' : '6.5rem'}
 			>
 				<Overlay
 					display={currentTheme === 'random' && debouncedSearch === '' ? 'flex' : 'none'}
@@ -222,7 +222,7 @@ function ThemesSettings() {
 				style={{
 					backdropFilter: 'blur(10px) brightness(.75)',
 					zIndex: 199,
-					paddingTop: '1.5rem',
+					paddingTop: isMobile ? '.5rem' : '1.5rem',
 					paddingBottom: '1.5rem',
 					paddingLeft: '1rem',
 					paddingRight: '1rem',
@@ -230,7 +230,7 @@ function ThemesSettings() {
 					width: '100%',
 					marginTop: 0,
 					position: 'absolute',
-					bottom: 0,
+					bottom: isMobile ? '3.25rem' : 0,
 				}}
 			>
 				<Group w={isMobile ? undefined : '100%'}>