Mobile improvements and packages updates

src/pages/settings/components/Search/DebouncedSearchProvider.tsx

@@ -14,7 +14,7 @@ function DebouncedSearchProvider({
 	searchProvider: Provider;
 	setIsOpen: (isOpen: boolean) => void;
 }) {
-	const { handleDelete } = useCommonHooks();
+	const { handleDelete, isMobile } = useCommonHooks();
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const { mutateAsync } = useMutationAPI();
 
@@ -40,7 +40,11 @@ function DebouncedSearchProvider({
 	}, [update]);
 
 	return (
-		<Card className={cardClasses.settingsItem} classNames={cardClasses}>
+		<Card
+			p={isMobile ? 'xl' : undefined}
+			className={cardClasses.settingsItem}
+			classNames={cardClasses}
+		>
 			<DeleteItemModal
 				modalOpened={modalOpened}
 				handleClose={handleClose}
@@ -82,7 +86,7 @@ function DebouncedSearchProvider({
 					<FiTrash color='black' />
 				</ActionIcon>
 			</Tooltip>
-			<Stack>
+			<Stack w={'100%'} align='center'>
 				<Group w={'100%'} justify='center'>
 					<TextInput
 						label={'Name'}
@@ -113,6 +117,7 @@ function DebouncedSearchProvider({
 				</Group>
 				<TextInput
 					label={'Url'}
+					w={isMobile ? '80%' : '100%'}
 					className={textInputClasses.settingsItem}
 					pt={16}
 					classNames={textInputClasses}