Formatting and typos

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

@@ -1,14 +1,16 @@
 import { Card, Stack, Text } from '@mantine/core';
+import { useCommonHooks } from 'hooks';
 import { FaLaptop } from 'react-icons/fa';
 import { cardClasses } from 'styles';
 
 function WolClientSettingsItem({ client }: any) {
+	const { isMobile } = useCommonHooks();
 	return (
 		<Card
 			className={cardClasses.settingsItemHover}
 			classNames={cardClasses}
 			h={200}
-			w={200}
+			w={isMobile ? '100%' : 200}
 		>
 			<Stack align='center' gap={0}>
 				<FaLaptop fontSize={100} />