Style bugfixes and updates

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

@@ -1,4 +1,5 @@
 import { Button, type ComboboxItem, Menu, Select, Stack } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 import { FiPower } from 'react-icons/fi';
 import { buttonClasses, selectClasses, stackClasses } from 'styles';
 import type { WolClient } from 'types';
@@ -14,13 +15,13 @@ function WakeOnLan({
 	setSelectedClient: any;
 	handleWakeRequest: () => void;
 }) {
+	const { isMobile } = useCommonHooks();
 	return (
 		<Stack
 			gap={0}
-			align='center'
 			className={stackClasses.menuStack}
 			classNames={stackClasses}
-			style={{ aspectRatio: '1/1' }}
+			style={{ aspectRatio: isMobile ? undefined : '1/1' }}
 		>
 			<Menu.Label>Wake on LAN</Menu.Label>
 			<Button
@@ -31,12 +32,9 @@ function WakeOnLan({
 					handleWakeRequest();
 				}}
 			>
-				<Stack gap={0} align='center'>
-					<FiPower size={32} />
-				</Stack>
+				<FiPower size={32} />
 			</Button>
 			<Select
-				labelProps={{ display: 'none' }}
 				placeholder='Pick a host...'
 				defaultValue={wolClients?.[0]?.hostname}
 				onChange={(_, option: any) => {
@@ -45,6 +43,7 @@ function WakeOnLan({
 						macAddress: option?.macAddress,
 					});
 				}}
+				withCheckIcon={false}
 				data={
 					wolClients
 						?.map((wolClient: WolClient) => {