Style changes

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

@@ -148,7 +148,12 @@ const SearchProviderSettings = () => {
 				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%'}>
 					{providerData?.map((provider: Provider) => (
 						<GridCol span={isMobile ? 18 : 6} key={provider.id}>
@@ -167,7 +172,7 @@ const SearchProviderSettings = () => {
 										<SearchProviderSettingsItem provider={provider} />
 									</Box>
 								</Popover.Target>
-								<Popover.Dropdown>
+								<Popover.Dropdown w={isMobile ? '100%' : undefined}>
 									<DebouncedSearchProvider
 										searchProvider={provider}
 										setIsOpen={setIsOpen}