Style changes

src/pages/settings/components/WoL/WolClients.tsx

@@ -131,7 +131,12 @@ const WolClientSettings = () => {
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}
 			/>
-			<Stack mt={'6rem'} mb={'1rem'} w={'100%'} align='center'>
+			<Stack
+				mt={isMobile ? '9rem' : '6rem'}
+				mb={isMobile ? '6rem' : '1rem'}
+				w={'100%'}
+				align='center'
+			>
 				<Grid columns={18} w={'75%'}>
 					{wolClients?.map((client: WolClient) => (
 						<GridCol w={'100%'} span={isMobile ? 18 : 6} key={client.id}>
@@ -151,7 +156,7 @@ const WolClientSettings = () => {
 										<WolClientSettingsItem client={client} />
 									</Group>
 								</Popover.Target>
-								<Popover.Dropdown>
+								<Popover.Dropdown w={isMobile ? '100%' : undefined}>
 									<DebouncedWolClient wolClient={client} setIsOpen={setIsOpen} />
 								</Popover.Dropdown>
 							</Popover>