Style changes

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

@@ -21,7 +21,8 @@ function ThemePlaylists() {
 	const { mutateAsync } = useMutationAPI();
 	const [opened, { open, close }] = useDisclosure(false);
 	const [selectedPlaylist, setSelectedPlaylist] = useState<any>({});
-	const { currentThemePlaylist, setCurrentThemePlaylist, theme } = useCommonHooks();
+	const { currentThemePlaylist, setCurrentThemePlaylist, theme, isMobile } =
+		useCommonHooks();
 	const [searchValue, setSearchValue] = useState('');
 	const [debouncedSearch] = useDebouncedValue(searchValue, 500);
 
@@ -118,7 +119,12 @@ function ThemePlaylists() {
 						User Made
 					</Text>
 				</Group>
-				<Group justify='center' align='center' pos={'relative'}>
+				<Group
+					justify='center'
+					align='center'
+					pos={'relative'}
+					mb={isMobile ? '6rem' : undefined}
+				>
 					{themePlaylists
 						?.filter((playlist: ThemePlaylist) => playlist.default === 0)
 						?.filter((a: ThemePlaylist) =>