Mobile improvements and packages updates

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

@@ -14,7 +14,7 @@ function DebouncedWolClient({
 	wolClient: WolClient;
 	setIsOpen: (isOpen: boolean) => void;
 }) {
-	const { handleDelete } = useCommonHooks();
+	const { handleDelete, isMobile } = useCommonHooks();
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const { mutateAsync } = useMutationAPI();
 
@@ -39,7 +39,11 @@ function DebouncedWolClient({
 	}, [update]);
 
 	return (
-		<Card className={cardClasses.settingsItem} classNames={cardClasses}>
+		<Card
+			p={isMobile ? 'xl' : undefined}
+			className={cardClasses.settingsItem}
+			classNames={cardClasses}
+		>
 			<DeleteItemModal
 				modalOpened={modalOpened}
 				handleClose={handleClose}