Bug fixes

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

@@ -37,6 +37,7 @@ const SearchProviderSettings = () => {
 	const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
 	const [searchValue, setSearchValue] = useState('');
 	const [debouncedSearch] = useDebouncedValue(searchValue, 500);
+	const [isOpen, setIsOpen] = useState(false);
 
 	const handleClose = () => {
 		setNewProvider(defaultProvider);
@@ -151,7 +152,12 @@ const SearchProviderSettings = () => {
 				<Grid columns={18} w={'75%'}>
 					{providerData?.map((provider: Provider) => (
 						<GridCol span={isMobile ? 18 : 6} key={provider.id}>
-							<Popover withArrow withOverlay withinPortal={false}>
+							<Popover
+								withArrow
+								withOverlay
+								withinPortal={false}
+								closeOnClickOutside={!isOpen}
+							>
 								<Popover.Target>
 									<Box
 										onClick={(e) => {
@@ -162,7 +168,10 @@ const SearchProviderSettings = () => {
 									</Box>
 								</Popover.Target>
 								<Popover.Dropdown>
-									<DebouncedSearchProvider searchProvider={provider} />
+									<DebouncedSearchProvider
+										searchProvider={provider}
+										setIsOpen={setIsOpen}
+									/>
 								</Popover.Dropdown>
 							</Popover>
 						</GridCol>