Style bugfixes and updates

src/pages/homepage/components/SettingsButton/SettingsButton.tsx

@@ -62,10 +62,11 @@ function SettingsButton() {
 			setWolClients(wolClientData);
 		}
 	}, [wolClientData, wolClientDataIsFetched]);
+
 	return (
 		<Menu
 			classNames={menuClasses}
-			width={isMobile ? '98%' : 'auto'}
+			width={isMobile ? '98%' : undefined}
 			withArrow
 			shadow='md'
 			position='top'
@@ -90,10 +91,7 @@ function SettingsButton() {
 			>
 				<Group p={'1rem'} gap={12}>
 					<Stack
-						justify='center'
-						align='center'
 						style={{
-							display: 'flex',
 							flexDirection: isMobile ? 'row' : 'column',
 							width: isMobile ? '100%' : undefined,
 						}}
@@ -106,7 +104,7 @@ function SettingsButton() {
 						/>
 						<ThemingCard />
 					</Stack>
-					<Stack display={'flex'} align='center'>
+					<Stack>
 						<SettingsCard
 							categories={categories}
 							sectionTitle={'Applications'}
@@ -129,7 +127,7 @@ function SettingsButton() {
 						/>
 					</Stack>
 				</Group>
-				<Group mt={'-.75rem'} w={'100%'} align='center' justify='center'>
+				<Group mt={'-.75rem'} justify='center'>
 					<Button
 						leftSection={<FiSettings />}
 						onClick={() => navigate(`/${import.meta.env.VITE_BASE_URL}/settings`)}