Bug fixes

src/pages/settings/components/Applications/Applications.tsx

@@ -46,6 +46,7 @@ const ApplicationSettings = () => {
 	const [searchValue, setSearchValue] = useState('');
 	const [debouncedSearch] = useDebouncedValue(searchValue, 500);
 	const [dragging, setDragging] = useState(false);
+	const [isOpen, setIsOpen] = useState(false);
 
 	const reorder = (list: any, startIndex: any, endIndex: any) => {
 		const result = Array.from(list);
@@ -319,7 +320,12 @@ const ApplicationSettings = () => {
 					<Grid columns={18} w={'75%'}>
 						{applicationData?.map((application: Application) => (
 							<GridCol span={6} key={application.id}>
-								<Popover withArrow withOverlay withinPortal={false}>
+								<Popover
+									withArrow
+									withOverlay
+									withinPortal={false}
+									closeOnClickOutside={!isOpen}
+								>
 									<Popover.Target>
 										<Box
 											onClick={(e) => {
@@ -335,7 +341,10 @@ const ApplicationSettings = () => {
 										</Box>
 									</Popover.Target>
 									<Popover.Dropdown>
-										<DebouncedApplication application={application} />
+										<DebouncedApplication
+											application={application}
+											setIsOpen={setIsOpen}
+										/>
 									</Popover.Dropdown>
 								</Popover>
 							</GridCol>